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;
}

我期待这是一件简单的事情，或者我只是忽视的事情。

谢谢，

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>

作品。

注意我刚刚在CSS中添加了几个边框。

但后来我尝试了你的代码，这也适用于此。

在CSS中使用THEAD或TABLE似乎没有任何区别。您是否可能有另一种风格与桌子上使用的风格发生冲突？

无论如何，使用上面的CSS（引用table .SORT而不是THEAD .sort），在HTML中的行中添加THEAD标记不会影响它。

希望有所帮助。

Answer 2

您在<thead>中使用CSS，但在Html中，您正在使用<td>。尝试在<thead>

中使用Html

表格细胞比对

2 个答案: