CSS控制文字，超出部分显示省略号

1.单行超出省略

实现方法：

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

 

2.多行超出省略

 

实现方法：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

 

注意：多行超出省略有兼容性问题，最好的实现方式就是超出直接overflow：hidden隐藏