css文字超出省略号显示

单行

width:100px;
overflow: hidden;/*文字超出隐藏*/
text-overflow: ellipsis;/*文字超出省略号显示*/
white-space: nowrap;/*不换行*/

多行

display: -webkit-box;/*自适应*/
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;/*垂直排列，从顶部向底部垂直布置子元素*/
-webkit-line-clamp: 2;/*显示的行数*/

原文链接：https://blog.csdn.net/weixin_48936527/article/details/119568680