css实现超出部分用...代替

如果是一行的话

css为    

white-space: nowrap; 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。

overflow: hidden; 隐藏超出单元格的部分。

text-overflow: ellipsis; 将被隐藏的那部分用省略号代替。

 若是想要超出指定的行数再显示...

css为

word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2; //这里写的数字是几就是超过几行剩余的显示省略号
-webkit-box-orient:vertical;
overflow:hidden;

原文地址:https://www.cnblogs.com/zzgyq/p/6674871.html