HTML表格合并行和列

本页内容
上一节: HTML表头 下一节: HTML表格样式

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


HTML表格 - Colspan

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


示例

<table>
        <tr>
            <th colspan="2">姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>吉尔</td>
            <td>史密斯</td>
            <td>43</td>
        </tr>
        <tr>
            <td>前夕</td>
            <td>杰克逊</td>
            <td>57</td>
        </tr>
    </table>

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

HTML 表格 - 行跨度

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


示例

<table>
        <tr>
            <th>名称</th>
            <td>吉尔</td>
        </tr>
        <tr>
            <th rowspan="2">电话</th>
            <td>555-1234</td>
        </tr>
        <tr>
            <td>555-8745</td>
        </tr>
    </table>

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

上一节: HTML表头 下一节: HTML表格样式
此页面最后编辑于2022年8月6日 (星期六) 09:42。