在重新调整大小时将表格单元格中的div标记对齐

时间:2012-08-27 13:50:31

标签: jquery html css alignment css-tables

我有一张调整大小的表,工作正常。表头单元格包含一些额外的div标记,用于表示表的排序方式。例如,如果对列进行排序,则会显示升序/降序图像。 (现在,我使用红色框作为占位符。)

但是,当我调整表格大小时,div移动 文本。

我试过这个CSS:

overflow:hidden
text-overflow:ellipsis;

它适用于表格的文本,但它对div没有帮助。如何防止div移动到文本下方?

这是我的代码:jsfiddle.net

3 个答案:

答案 0 :(得分:1)

您可以将它们设为绝对值,并在单元格中添加一些填充以避免叠加。

http://jsfiddle.net/Uf8cN/4/

答案 1 :(得分:0)

您可以尝试在css中设置min-width属性。

答案 2 :(得分:0)

您可以应用ascendingdescending这样的类来指示与列相关的排序,并将背景图像应用于这些类和背景位置:右中心而不是使用img标签

刚提出一个选项