地点。在javascript中隐藏溢出的div中出现的文本中

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 appended within a width&height fixed div?