1.有时候我们在“设置多行文字省略号”的时候会出现没有出现省略号…效果,比如下面的代码:
如果采用以下这些代码,发现没有出现省略号效果
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;//在第几行文字尾部出现省略号
2.但是只要加上两行代码就可以出现省略号效果了,如下:
只要加上中间那两行代码即可(注释符也要一起加上去哦!)
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
/*autoprefixer: off;*/
/*autoprefixer: on;*/
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
总结:以上就是解决多行文本省略效果号异常的方法。