文本超出隐藏并且显示省略号的方法

当只显示一行文本的时候用下面三条语句就可以实现：

overflow:hidden; 

text-overflow:ellipsis; 

white-space:nowrap; 

但是当要显示两行或者两行以上的文本区域时，就必须借助弹性盒子来实现：

overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; //设置为弹性盒子
-webkit-box-orient:vertical;//设置垂直排列模式
-webkit-line-clamp:2;//设置显示行数

转载于:https://www.cnblogs.com/webwangjie/p/6722938.html