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