html表格合并單元格的方法

html中，colspan屬性是合并列，rowspan屬性是合并行，合并行的時候，比如rowspan="2"，它的下一行tr會少一列；合并列的時候 colspan="2"，此行的列會少一列。

推薦學(xué)習(xí)：html教程

代碼演示：

<table border="1" style={{margin:200}}>    <tbody>          <tr>                <th colspan="2">我是占位符</th>               <th colspan="2">我是占位符</th>          </tr>          <tr>                <th rowspan="2">我是占位符</th>                <th>我是占位符</th>                <th>我是占位符</th>                <th>我是占位符</th>          </tr>          <tr>                <th>我是占位符</th>                <th>我是占位符</th>            <th>我是占位符</th>          </tr>    </tbody>    </table>

擴(kuò)展資料：

rowspan規(guī)定表頭單元格應(yīng)該橫跨的行數(shù)。注意： rowspan="0" 告知瀏覽器使單元格橫跨到表格組件中的最后一個行（thead、tbody 或 tfoot）。

以上就是html表格合并單元格的方法的詳細(xì)內(nèi)容，更多請關(guān)注武林網(wǎng)其它相關(guān)文章！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。