地点。。。在显示在div中的文本中,溢出隐藏在javascript中

地点。。。在显示在div中的文本中,溢出隐藏在javascript中,javascript,css,Javascript,Css,我有一个CSS类的div: .textodiv{ height:29px;overflow:hidden;} 显示的文本大小变化很大。使用上面的CSS,它将显示大约2行,并隐藏其余部分。所以,你得到了我想要的。 问题是,我想在显示的文本末尾放三个点,以给出连续性的概念。但是文本显示的距离有多远? 我试图限制字符的数量,但不是因为固定大小的字体和换行符会根据单词的大小而改变,这种解决方案没有效果 有什么建议吗?对于单行方法,您可以通过CSS执行此操作,在CSS规则中添加以下内容: text-ov

我有一个CSS类的div:

.textodiv{ height:29px;overflow:hidden;}
显示的文本大小变化很大。使用上面的CSS,它将显示大约2行,并隐藏其余部分。所以,你得到了我想要的。 问题是,我想在显示的文本末尾放三个点,以给出连续性的概念。但是文本显示的距离有多远? 我试图限制字符的数量,但不是因为固定大小的字体和换行符会根据单词的大小而改变,这种解决方案没有效果


有什么建议吗?

对于单行方法,您可以通过CSS执行此操作,在CSS规则中添加以下内容:

text-overflow: ellipsis;
white-space: nowrap;
如果需要多行代码,则必须使用JavaScript方法,可在以下网址找到:

别忘了空白:nowrap我也放了空白:nowrap,但在这之后,文本仅在一行中,我需要保留在两行中,并放置不适合三个点的位置。当我使用空格:nowrap时,文本溢出:省略号没有效果。我认为CSS解决方案不可能做到这一点,对于JavaScript解决方案,请参阅以下问题的答案:如果这回答了您的问题,请将其标记为答案。谢谢