html - 表和浮动

Question

我在表格中遇到浮动标题的问题。我的标题应该是colspan="2"，但是当我设置float:left为 td 元素 "header" 时，colspan 停止工作。我想要这样的东西：

+-------------------------------------------------+
|Header headher header header                     |
+-------------------------------------------------+
|Something     | Something                        |
+-------------------------------------------------+

但我明白了：

我的代码：

<table border="1">
    <thead>
        <tr>
            <th colspan="2" style="float: left;">Header header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Something</td>
            <td>Something</td>
        </tr>


    </tbody>
</table>

Answer 1

不使用float:left，使用text-align:left。

<table border="1">
    <thead>
        <tr>
            <th colspan="2" style="text-align: left;">Header header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Something</td>
            <td>Something</td>
        </tr>

    </tbody>
</table>

jsFiddle 示例。