合并两个HTML表格单元格

时间:2010-12-03 03:54:48

标签: html html-table

我正在用HTML创建一个表格,我希望我的顶部单元格宽度为2。这是一幅粗略的图画:

__________________________________________
|                HEADER                  |
|                                        |
==========================================
|                  ||                    |
|     CONTENT      ||       CONTENT      |
|                  ||                    |
------------------------------------------

有没有办法在HTML中实现这个目标?

3 个答案:

答案 0 :(得分:111)

colspan属性设置为2。

...但是please don't use tables for layout

答案 1 :(得分:99)

在顶部单元格(<td>)中添加属性colspan(“列间距”的缩写),并将其值设置为2。 你的桌子应该类似于以下内容;

<table>
    <tr>
        <td colspan = "2">
            <!-- Merged Columns -->
        </td>
    </tr>

    <tr>
        <td>
            <!-- Column 1 -->
        </td>

        <td>
            <!-- Column 2 -->
        </td>
    </tr>
</table>

答案 2 :(得分:1)

使用colspan执行此操作

 <td colspan="3">PUR mix up column</td>