合并两个 HTML 表格单元格答案

【问题标题】：Merge two HTML table cells合并两个 HTML 表格单元格
【发布时间】：2011-05-19 13:05:21
【问题描述】：

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

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

有什么方法可以在 HTML 中实现这一点吗？

【问题讨论】：

标签： html html-table

【解决方案1】：

将colspan 属性设置为2。

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

【讨论】：

和 rowspan 用于垂直合并。

【解决方案2】：

在顶部单元格 (<td>) 中添加属性 colspan（“列跨度”的缩写）并将其值设置为 2。您的表格应如下所示；

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

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

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

另请参阅
W3 official docs on HTML Tables

【讨论】：

【解决方案3】：

使用 colspan 来做到这一点

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

【讨论】：