css单行多行文字溢出显示省略号

单行显示

width: 478rpx;定义宽度，超出宽度显示省略部分
overflow: hidden;  /*超出部分隐藏*/
white-space: nowrap;  /*禁止换行*/
text-overflow: ellipsis; /*省略号*/

多行显示

 overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2; 到第几行开始显示省略号
 -webkit-box-orient: vertical;
 width: 534rpx; 定义宽度

标签：省略号,width,text,单行,webkit,ellipsis,overflow,css
来源： https://blog.csdn.net/m0_56631899/article/details/120507817