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

Question

我将此 css 用于省略号

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

我已将此 css 类赋予我的 td 元素和我在 td 内的另一个跨度内的文本

如果您看到文本下方出现圆点，您知道如何解决这个问题吗？

Answer 1

对于工作文本溢出:省略号；文本应位于具有或正在继承某种已声明宽度的容器中。