合并两个HTML表格单元格。

Question

我正在HTML中创建一个表格，我希望我的顶部单元格宽度为两个。 下面是一个粗略的图示：

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

有没有在HTML中实现这个的方法？

- esqew

Answer 1

将 colspan 属性设置为 2。

...但请不要使用表格布局。

- icktoofay

---

纵向合并需要使用 rowspan。 - Skippy le Grand Gourou

Answer 2

在您的顶部单元格（<td>）中添加一个属性colspan（代表列跨度），并将其值设置为2。

您的表格应该如下所示；

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

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

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

参见
     HTML表格的 W3 官方文档

- Mudassir

---

这个解决方案的演示：https://jsfiddle.net/fky8xvu0/ - undefined

Answer 3

使用 colspan 来完成这个操作：

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

- Smoke