我有一张调整大小的表,工作正常。表头单元格包含一些额外的div
标记,用于表示表的排序方式。例如,如果对列进行排序,则会显示升序/降序图像。 (现在,我使用红色框作为占位符。)
但是,当我调整表格大小时,div
移动 文本。
我试过这个CSS:
overflow:hidden
text-overflow:ellipsis;
它适用于表格的文本,但它对div
没有帮助。如何防止div
移动到文本下方?
这是我的代码:jsfiddle.net
答案 0 :(得分:1)
您可以将它们设为绝对值,并在单元格中添加一些填充以避免叠加。
答案 1 :(得分:0)
您可以尝试在css中设置min-width属性。
答案 2 :(得分:0)
您可以应用ascending
或descending
这样的类来指示与列相关的排序,并将背景图像应用于这些类和背景位置:右中心而不是使用img标签
刚提出一个选项