表格单元格对齐

这个小问题开始做我的头，我已经读了很多，并从来没有过去的问题，但我似乎无法得到第二个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>

来源

2010-06-30 Martin

你的CSS引用'thead'，但是你的HTML中没有'thead'。复制到这里时是否是错误的，或者这可能是问题所在？ – Mike 2010-06-30 13:21:16

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标签并不会影响它。

希望有所帮助。

来源

2010-06-30 14:54:02 David

谢谢大卫，这有帮助，我已经拿出了所有我的CSS分开的可能会影响这一点，并发现了问题，我在细胞的右侧添加了一点填充，这个细胞是如此小填充是推动标题反对的标题。谢谢你的帮助。 – Martin 2010-07-01 06:50:40

酷，很高兴你找到了概率，并高兴地帮助:) – David 2010-07-01 11:01:11

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

来源

2010-06-30 13:21:40

我有，它去

etc – Martin2010-06-30 13:34:53

我认为你的CSS然后需要修改，用div替换thead。只是想 – 2010-06-30 13:46:20

表格单元格对齐

回答

相关问题