HTML表格跨行、跨列操作(rowspan、colspan)

一般使用元素的colspan属性来实现单元格跨列操作,使用元素的rowspan属性来实现单元格的跨行操作


colspan属性规定单元格可横跨的列数,所有浏览器都支持colspan属性。其取值为number,如下图所示:

HTML表格跨行、跨列操作(rowspan、colspan)_第1张图片

例如:

星期一 星期二
星期天

实现结果如下图所示:


rowspan属性规定单元格可横跨的列数,所有浏览器都支持rowspan属性。其取值为number,如下图所示:


例如:

星期一 星期二
星期三

实现结果如下图所示:



总结colspan和rowspan的使用如下:

物资详情说明
数量(支) 重量(吨)
实发数 实收数
12 10 100.00

实现结果如下图所示:

HTML表格跨行、跨列操作(rowspan、colspan)_第2张图片



你可能感兴趣的:(html,HTML,table,colspan,rowspan)