表和浮动

Question

我在表中浮动头有问题.我的标题应该是colspan="2"但当我设置float:left为td元素"标题"时,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例子.