首先容器一定要有固定的宽高,以下是css代码:
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box是必须要声明的,否则会无效,overflow: hidden表示超出容器部分隐藏,text-overflow: ellipsis表示使用省略号代替多出的部分文本内容,-webkit-line-clamp: 2表示说明文本的行数,2表示2行
本文介绍如何使用CSS代码实现容器内文本的两行显示并以省略号结尾,关键在于正确设置display、overflow、text-overflow及-webkit-line-clamp属性。
1252

被折叠的 条评论
为什么被折叠?



