css实现多行超出显示省略号？

2024-04-07 01:47:16

可以实现，但是用的是-webkit-私有属性。我用js已经解决了。代码如下：
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

或者javascript就可以的。

比如你只想显示前20个文字，后面的文字用省略号替换，js代码如下：

var str = '只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字只显示20个文字'  ;
str = str.substr(0,20) + '...' ;
alert(str)；

最新文章

热门文章