1.使用text标签包裹文字
2.单行溢出
.类名{
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
3.多行溢出
.类名{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-cliamp:2; // 设置行数
word-break:break-all;
overflow:hidden;
text-overflow:ellipsis;
}
4.display:flex与以上样式不能同时设置
原文：https://www.cnblogs.com/xiaopenzai/p/9864946.html