css 溢出省略号展示

单行：

overflow:hidden;            //超出的文本隐藏 

text-overflow:ellipsis;     //溢出用省略号显示

white-space:nowrap;  

多行（当前是两行）：

overflow:hidden; 
display:-webkit-box;            //将对象作为弹性伸缩盒子模型显示。

-webkit-box-orient:vertical;    //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）

-webkit-line-clamp:2;  //规定行数

 

注意：根据自己的情况设置宽高

来源：CSDN

作者：子桑言洛

链接：https://blog.csdn.net/weixin_42489478/article/details/103769490