html表格合并單元格的方法

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

推薦學習：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>

擴展資料：

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

以上就是html表格合并單元格的方法的詳細內容，更多請關注武林網其它相關文章！

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