实现单行:
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
实现多行:
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
-webkit-line-clamp文本显示行数;
需要结合一下属性进行使用:
display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。