HTML表格合并行和列

HTML 表格可以包含跨越多行和/或多列的单元格。

HTML表格 - Colspan

要使单元格跨越多列，请使用以下 colspan 属性：

示例

<table>
        <tr>
            <th colspan="2">Name</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>43</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>57</td>
        </tr>
    </table>尝试一下一键复制

注意：属性的值 colspan 表示要跨越的列数。

HTML 表格 - 行跨度

要使单元格跨越多行，请使用以下 rowspan 属性：

示例

<table>
        <tr>
            <th>Name</th>
            <td>Jill</td>
        </tr>
        <tr>
            <th rowspan="2">Phone</th>
            <td>555-1234</td>
        </tr>
        <tr>
            <td>555-8745</td>
        </tr>
    </table>尝试一下一键复制

注意：该 rowspan 属性的值表示要跨越的行数。