|
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自适应屏幕代码是什么？
- 下一篇：html实现网页标题栏添加图标
相关文章
相关视频
- html自适应屏幕代码是什么？
- vscode右键无法运行html页面
- vscode怎么新建html5模板
- 怎么在vscode上打开html页面
- html表格合并单元格的方法
- HTML5中新增加的标签
- HTML5废除的元素
- HTML5新增的属性和废除的属性
本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~ | 
