【问题标题】: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 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 总是可以跨越多列;它是&lt;td&gt; 元素,它需要使用colspan 属性跨越多个列。 :)
    猜你喜欢
    • 2022-01-11
    • 2014-08-12
    • 1970-01-01
    • 1970-01-01
    • 2015-07-09
    • 2013-05-25
    • 1970-01-01
    • 1970-01-01
    • 2012-08-25
    相关资源
    最近更新 更多