javascript - 将 ... 放在出现在 div 中的文本中，并在 javascript 中隐藏溢出

Question

我有一个带有这个 CSS 类的 div：

.textodiv{ height:29px;overflow:hidden;}

出现的文本大小变化很大。使用上面的 CSS，它显示了大约 2 行并隐藏了其余部分。所以你有我想要的。问题是我想在正在显示的文本的末尾放置三个点以给出连续性的想法。但是文本显示多远？我试图限制字符的数量，但不是固定大小的字体和换行符根据单词的大小而变化，这个解决方案没有效果。

有什么建议么？

Answer 1

对于单行方法，您可以通过 CSS 执行此操作，将以下内容添加到您的 css 规则中：

text-overflow: ellipsis;
white-space: nowrap;

如果你想要多行，你将不得不使用 JavaScript 方法，可以在以下位置找到：
Cross browsers mult-lines text overflow with ellipsis added within a width&height fixed div?