网上找了很多资料,大多都是只能解决单行的情况,多行的情况不适用,因此在这里记录一下同时适用单行和多行的方法。代码如下:
display:-webkit-box;
word-break:break-all;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
这个方法在Html页面和微信小程序页面都测试过,都能解决单行和多行的情况。
网上找了很多资料,大多都是只能解决单行的情况,多行的情况不适用,因此在这里记录一下同时适用单行和多行的方法。代码如下:
display:-webkit-box;
word-break:break-all;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
这个方法在Html页面和微信小程序页面都测试过,都能解决单行和多行的情况。
本文标题:CSS单行、多行文本溢出显示省略号(……)
本文链接:https://www.haomeiwen.com/subject/aglnixtx.html
网友评论