css 文本一行和多行省略

1.一般常规一行省略
display: inline-block;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow:ellipsis;

2. 多行省略

display：-webkit-box;
-webkit-box-orient：vertical;//表示盒子对象的子元素的排列方式
-webkit-line-clamp:3;//限制文本的行数，表示文本第多少行省略
overflow:hiddlen;
text-overflow:ellipsis;