脚本宝典收集整理的这篇文章主要介绍了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表格合并单元格的方法的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的html表格合并单元格的方法全部内容,希望文章能够帮你解决html表格合并单元格的方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。