设置文本超过几行显示省略号

 

通过设置-webkit-line-clamp来控制显示行数

 1     .desc {
 2                 font-size: 12px;
 3                 overflow: hidden;
 4                 text-overflow: ellipsis;
 5                 display: inline-block;
 6                 text-align: left;
 7                 display: -webkit-box;
 8                 -webkit-line-clamp: 6;
 9                 -webkit-box-orient: vertical;
10             }

效果如下:

 

posted @ 2020-07-30 10:24  strongerPian  阅读(178)  评论(0)  编辑  收藏  举报
返回顶端