600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html语言的td合并 table标签合并单元格(包括行和列的合并)的方法

html语言的td合并 table标签合并单元格(包括行和列的合并)的方法

时间:2019-04-05 14:05:52

相关推荐

html语言的td合并 table标签合并单元格(包括行和列的合并)的方法

刘代码已经在table标签的使用方法中介绍过该标签的一些具体用法,但这次,我们要讲解的是如何合并table表格中的单元格,包括行的合并以及列的合并方法

table表格单元格的合并,主要分为两种:跨行合并单元格和跨列合并单元格。下面分别介绍这两种合并方法:

第一种:跨行合并单元格,使用rowspan属性。

跨行合并的单元格,可分为

表头单元格跨行合并和标准单元格跨行合并两种。

1、

表头单元格的跨行合并

想要合并多少行的

表头单元格,rowspan属性值就设置多少。

比如,下列演示代码中,第1个表头单元格跨行合并了3个表头单元格:

以上代码在浏览器中显示效果如下:

在第一个

表头单元格标签中设置rowspan="3",也就是设置表头单元格跨3行,而后面两行的表头标签省略不写即可,而最后一个th表头没有合并,所以,最后一个th表头标签不可省略!

2、

标准单元格的跨行合并

想要合并多少行的

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。