调整大小时在表格单元格内对齐 div 标签答案

【问题标题】：Align div tag inside table cell on re-sizing调整大小时在表格单元格内对齐 div 标签
【发布时间】：2012-08-22 00:32:03
【问题描述】：

我有一个可以调整大小的表格，效果很好。表格标题单元格包含一些额外的div 标记，表示表格的排序方式。例如，如果对列进行排序，则会显示升序/降序图像。（现在，我使用红色框作为占位符。）

但是，当我调整表格大小时，divs 将 移到文本下方。

我试过这个 CSS：

overflow:hidden
text-overflow:ellipsis;

它适用于表格的文本，但对divs 没有帮助。如何防止divs 在文本下方移动？

这是我的代码：jsfiddle.net

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以应用 ascending 或 descending 之类的类来指示对列进行排序，并将 background-image 应用于这些类和 background-position:right center 而不是使用 img 标签

只是提出一个选项

【讨论】：