为长文本添加了省略号，但它显示在文本下方

Question

我用这个css作为省略号

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

我已将此css类提供给我的td元素，而我的文本位于td内的另一个范围内

如果您看到文字下方的点有任何想法如何解决这个问题？

Answer 1

对于工作文本溢出：省略号;该文本应该在一个容器中，该容器具有或者它继承了某种声明的宽度。

Answer 2

是找到了问题。在left:20px的范围内添加了css类。这导致了这个问题。我刚将其改为margin-left:20px ..并解决了