标签表:以前在网页布局上很流行,现在主要用来做背景页,做一些记录数据的表格。因此,许多数据表中的一些列需要组合和显示,因此有必要使用表的跨行和跨列方法来满足这一要求。

首先我们来看一下表格的结构,效果如下图所示

效果如下:

分析表明,图中表格的结构是两行,然后第一行跨越两列,由colspan="2 "实现。如果记不住,我就用一个简单的记号。我通常记得colspan代表横向合并。

右跨2行:

Html代码首先读取第1行的第一列,然后在读取第二列时遇到rowspan = 2,所以保留2行的位置,然后读取第2行的第一列。

两行两列的组合:

首先,读取第一行的第一列,保留两行,读出第一行的第二列和第三列,然后读取第三行的第一列,然后跨第二列读取第二列。

不是很简单吗?知道这些例子后会实现什么样的合并形式应该不难!

1.《table标签 HTML中table标签如何跨行跨列详解》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《table标签 HTML中table标签如何跨行跨列详解》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/jiaoyu/1696184.html