位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

設置跨列colspan HTML

提問人:劉團圓發(fā)布時間:2020-11-11

如果要對表格使用列合并,也就是讓同一行上的不同列上的單元格合并為一個單元格,那么要找到被合并的幾個單元格中處于最左側的那個單元格,并加上colspan屬性,在同一行中的其他單元格的標記要刪除掉。

基本語法:

<td colspan="#">

語法說明:#代表要合并的單元格個數。

本例是應用表格的列合并,頁面有一個三行四列的表格,其中第一行上的第二列和第三列的兩個單元格要被合并為一個單元格。

代碼如下:

<!DOCTYPE html>

<html>

   <head>

    <title>列合并表格</title>

   </head>

   <body>

    <table border="1">

   <caption>列合并</caption>

        <tr>

             <td> A00</td>

                  <td colspan="2">A01A02</td>

                  <td>A03</td>

             </tr>

             <tr>

             <td>B10</td>

             <td>B11</td>

             <td>B12</td>

             <td>B13</td>

             </tr>

             <tr>

                  <td>C20</td>

                  <td>C21</td>

                  <td>C22</td>

                  <td>C23</td>

             </tr>

         </table>

   </body>

</html>

image.png

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部