单行省略，多行省略

单行省略

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

多行省略

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;//限制行数
overflow: hidden;

参考：https://www.cnblogs.com/gopark/p/8875655.html