表格單元格對齊

Question

這個小問題開始做我的頭，我已經讀了很多，並從來沒有過去的問題，但我似乎無法得到第二個div出現在右側表格單元格，任何幫助將不勝感激。

我的標記是

<td> 
    <div class="sort"> 
     <a href="#">ID</a> 
     <span class="icon1"></span> 
    </div> 
    <div class="divider icon2"></div> 
</td> 

而且我的CSS是

thead .sort a { 
    color: #fff; 
    float: left; 
} 

thead .sort { 
    float: left; 
} 

thead .divider { 
    float: right; 
} 

我期待這是一件簡單的事還是我只是遠眺。

謝謝你，你正在使用<thead>

Answer 1

table .sort a {color: #f00; float: left;} 
table .sort {float: left; border:1px solid #093;} 
table .divider {float: right; border:1px solid #00F;} 

和

<table width="100%" border="0"> 
     <tr> 
     <td> 
      <div class="sort"> 
      <a href="#">ID</a> 
      <span class="icon1"></span> 
      </div> 
      <div class="divider icon2">icon</div> 
     </td> 
     </tr> 
    </table> 

作品使用<thead>。

注意我剛剛添加了幾個邊框到CSS。

但後來我只是試過你的代碼，這也適用於這裏。

在CSS中使用THEAD或TABLE似乎沒有區別。你有可能有另一種風格與用於桌子的風格衝突嗎？

無論如何，通過上面的CSS（引用table .SORT而不是THEAD .sort），在HTML行中添加THEAD標籤並不會影響它。

希望有所幫助。

Answer 2

在CSS，但在Html，您正在使用<td>。嘗試在Html