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>定义该单元格的列组的最后一列。