表和浮动

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 example。