实现效果如图,当文本内容超过两行时,以... ...显示
display: -webkit-box !important;//将对象作为弹性伸缩盒子模型展示
overflow: hidden;//超出隐藏
text-overflow: ellipsis;//超出以省略号显示
-webkit-box-orient: vertical;//设置或检索伸缩盒子对象的排列方式
-webkit-line-clamp: 3; 设置限制行数
实现效果如图,当文本内容超过两行时,以... ...显示
display: -webkit-box !important;//将对象作为弹性伸缩盒子模型展示
overflow: hidden;//超出隐藏
text-overflow: ellipsis;//超出以省略号显示
-webkit-box-orient: vertical;//设置或检索伸缩盒子对象的排列方式
-webkit-line-clamp: 3; 设置限制行数