表格单元格对齐

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