具有 3 个标题但有两列的表

【问题标题】：Table with 3 headers but two columns具有 3 个标题但有两列的表
【发布时间】：2016-11-17 23:15:15
【问题描述】：

有没有办法使用 HTML / CSS 来制作这种类型的表格？

Header1 | Header2 | Header 3
--------+---------+----------
0       | 1  asdasdasdasd 7
2       | 5  asdasdasdasd 3
9       | 7  asdasdasdasd 2

【问题讨论】：

html 属性 colspan
这怎么会有这么多赞？
Merge two HTML table cells的可能重复

标签： html css

【解决方案1】：

如果您有 <table> 标记，那么 <td colspan=2> 会帮助您。如果你想用<div>s 和纯 CSS 来实现，那么你需要所谓的grid systems

【讨论】：

【解决方案2】：

通过使用colspan，您可以使单元格跨越多列。

<table>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
    </tr>
    <tr>
        <td>0</td>
        <td colspan="2">1 asdasdasdasd 7</td>
    </tr>
    <tr>
        <td>2</td>
        <td colspan="2">5 asdasdasdasd 3</td>
    </tr>
    <tr>
        <td>9</td>
        <td colspan="2">7 asdasdasdasd 2</td>
    </tr>
</table>

【讨论】：

原谅编辑，但row 总是可以跨越多列；它是<td> 元素，它需要使用colspan 属性跨越多个列。 :)