1.HTML表格跨行、跨列操作

在做商品sku时候看到合并行 rowspan

1.HTML表格跨行、跨列操作_第1张图片

使用td元素的colspan属性来实现单元格跨列操作

使用td元素的rowspan属性来实现单元格的跨行操作

rowspan

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

例子

 
星期一 星期二 达摩
星期一 水果 零食
星期一 星期二 星期三

1.HTML表格跨行、跨列操作_第2张图片

colspan

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

1.HTML表格跨行、跨列操作_第3张图片

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

你可能感兴趣的:(Html学习记录,html,前端)