css实现单行省略和多行省略

单行省略(盒子需要设定宽度)

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

多行省略(盒子需要设定宽度)

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
// 设置对齐模式
-webkit-box-orient: vertical;
// 设置多行的行数
-webkit-line-clamp: 3;

代码即结果展示