CSS单行、多行文本溢出显示省略号(……)

2017-12-12  本文已影响17人  无聊肥猫

网上找了很多资料,大多都是只能解决单行的情况,多行的情况不适用,因此在这里记录一下同时适用单行和多行的方法。代码如下:

display:-webkit-box;
word-break:break-all;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

这个方法在Html页面和微信小程序页面都测试过,都能解决单行和多行的情况。

上一篇下一篇

猜你喜欢

热点阅读