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

一般使用

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

元素的rowspan属性来实现单元格的跨行操作。
colspan属性规定单元格可横跨的列数，所有浏览器都支持colspan属性。其取值为number，如下图所示：

例如：

?123456789

  

    

    

  

  

    

  

星期一	星期二
星期天

实现结果如下图所示：

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

例如：

?123456789

  

    

    

  

  

    

  

星期一	星期二
	星期三

实现结果如下图所示：

总结colspan和rowspan的使用如下：

?123456789101112131415161718

  

    

  

  

    

    

  

  

    

        

  

  

    

        

    

  

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

实现结果如下图所示：

到此这篇关于HTML表格跨行跨列操作(rowspan、colspan)的文章就介绍到这了,更多相关HTML表格跨行跨列内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

(adsbygoogle = window.adsbygoogle || []).push({});