css 字体溢出省略号展示

 注意，不要设置元素的高度。

//多行省略
text-overflow:ellipsis;
word-break:break-all;//数字和英文也要换行
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
overflow:hidden; 

//单行省略
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

如果遇到webkit-box-orient: vertical 属性编译后被干掉问题

display: -webkit-box;
// 这里加一句注释
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

本文参考自：https://blog.csdn.net/qq_45301392/article/details/116991075