文本超出用省略号代替

时间：2017-09-10 00:45:22 阅读：307 评论：0 收藏：0 [点我收藏+]

单行文本超出省略号显示

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;  //垂直方向

原文：http://www.cnblogs.com/candy-Yao/p/7499851.html

踩

(0)

评论一句话评论（0）

分享档案

更多>