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

設(shè)置跨列colspan HTML

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-11

如果要對(duì)表格使用列合并,也就是讓同一行上的不同列上的單元格合并為一個(gè)單元格,那么要找到被合并的幾個(gè)單元格中處于最左側(cè)的那個(gè)單元格,并加上colspan屬性,在同一行中的其他單元格的標(biāo)記要?jiǎng)h除掉。

基本語(yǔ)法:

<td colspan="#">

語(yǔ)法說(shuō)明:#代表要合并的單元格個(gè)數(shù)。

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

代碼如下:

<!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ù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部