html表格合并单元格的方法

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表格合并单元格的方法的详细内容，更多请关注武林网其它相关文章！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。