-webkit-line-clamp可以控制文字过多隐藏的行数,适用谷歌浏览器
使用时必须与
display: -webkit-box;//将对象作为弹性伸缩盒子模型显示
-webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式 。
同时使用
加上
text-overflow: ellipsis;
则可以使过多的文字显示为省略号
-webkit-line-clamp可以控制文字过多隐藏的行数,适用谷歌浏览器
使用时必须与
display: -webkit-box;//将对象作为弹性伸缩盒子模型显示
-webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式 。
同时使用
加上
text-overflow: ellipsis;
则可以使过多的文字显示为省略号