首页前端开发JavaScripthtml表格合并单元格的方法

html表格合并单元格的方法

时间2024-01-29 07:48:03发布访客分类JavaScript浏览699
导读:收集整理的这篇文章主要介绍了html表格合并单元格的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。htML表格合并单元格的方法html中,colspan属性是合并列,rowspan属性是合并行,合并行的时候,比如rowspan="2...
收集整理的这篇文章主要介绍了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表格合并单元格的方法的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html表格

若转载请注明出处: html表格合并单元格的方法
本文地址: https://pptw.com/jishu/590800.html

是什么标签
HTML常用代码有哪些

游客 回复需填写必要信息