1.单行文本溢出
overflow: hidden;
text-overflow: ellipsis;
white-space: nowarp;
2.多行文本
1 overflow: hidden; 2 text-overflow: ellipsis; 3 display: -webkit-box; //将元素设为盒子伸缩模型显示 4 -webkit-box-orient: vertical; //伸缩方向设为垂直方向 5 -webkit-line-clamp: 2; //行数，超出出现省略号
原文：https://www.cnblogs.com/hermitks/p/9629056.html