文本超出用省略号代替

 

单行文本超出省略号显示

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

多行文本超出省略号显示

 height:xx;  //

将height设置为line-height的整数倍，防止超出的文字露出。


 overflow: hidden;   //超出隐藏
 text-overflow: ellipsis;  //文本超出用省略号显示

 display: -webkit-box;  //显示方式（为弹性伸缩盒子模型显示）
 -webkit-line-clamp: 6;   //限制行数
 -webkit-box-orient: vertical;  //垂直方向