表和浮動

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。