html表格标签中如何合并行和单元格?
来源:网络收集 点击: 时间:2024-02-24【导读】:
在表格标签中,tr表示行,td表示单元格,而我们要进行的单元格合并分为两种,分别是行合并和单元格合并,前者是通过添加rowspan属性来实现,后者是colspan属性实现,在属性后添加要合并的行或单元格的数目,则可实现行与单元格的合并。工具/原料moreHBuilder Xrowspan,colspan属性方法/步骤1/3分步阅读
2/3
3/3
注意事项
构建表格,添加数据。
首先构建表格,每行数据由tr标签包裹,构成行,td和th(文本加粗居中的单元格)确定单元格,例如一个学生列表,信息如图所示。


实现行合并。
通过在td标签中添加rowspan属性,并赋值为2,表示合并的行数为2个,注意这里如果要实现合并,则必须将不同行的第一个元素添加到含合并属性rowspan行中,否则就只是扩大,且挤压的其他单元格,如图所示。


实现单元格合并。
同样的方法,在td标签中添加colspan标签,赋值为2,表示该行中从左向右合并2个单元格,而与上面的例子相同,合并数据时需先将同行要合并的单元格元素添加到含合并属性的一个单元格中去,然后才能实现合并。


虽然分为行合并和单元格合并,但合并属性都是添加到td单元格标签中
先修改数据,然后在添加合并属性
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.ff371.cn/art_135634.html