HTML 跨越列或行
示例
表格单元格可以使用colspan和rowspan属性跨越多个列或行。这些属性可以应用于<th>和<td>元素。
<table>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
</tr>
<tr>
<td colspan="3">This second row spans all three columns</td>
</tr>
<tr>
<td rowspan="2">This cell spans two rows</td>
<td>row 3 col 2</td>
<td>row 3 col 3</td>
</tr>
<tr>
<td>row 4 col 2</td>
<td>row 4 col 3</td>
</tr>
</table>将导致
请注意,您不应设计一个行和列都重叠的表,因为这是无效的HTML,并且结果由不同的Web浏览器以不同的方式处理。
rowspan=一个非负整数,指定一个单元格跨越的行数。此属性的默认值为一(1)。零值(0)表示单元将从当前行延伸,直到表中的最后一行(<thead>,<tbody>,或<tfoot>)。
colspan=一个非负整数,指定当前单元格跨越的列数。此属性的默认值为一(1)。零值(0)表示该单元格将从当前扩展到<colgroup>定义该单元格的列组的最后一列。
热门推荐
10 鲜花卡片简短开业祝福语
11 下雪宝宝生日祝福语简短
12 城堡文案简短婚礼祝福语
13 家长祝福语大全简短内容
14 永远漂亮祝福语女生简短
15 装修店庆祝福语简短
16 喜事敬酒祝福语简短精辟
17 离校发给老师祝福语简短
18 经典送别祝福语大全简短