html表格合并单元格的方法


当前第2页 返回上一页

代码演示:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<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>

8601a18b87d6277fd27bba5e25381f30e924fc6f.png

扩展资料:

rowspan规定表头单元格应该横跨的行数。注意: rowspan="0" 告知浏览器使单元格横跨到表格组件中的最后一个行(thead、tbody 或 tfoot)。

以上就是html表格合并单元格的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html创建canvas画布生成图片

Html轮播图如何实现

Html怎么设置编码utf8

再谈前端Html模板技术

Html两秒跳转至其他页面

Html如何合并表格

Html怎么设置表格边框

Html表格怎么设置宽度

关于script在Html中的摆放位置解析

Html注释有何作用

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...