码迷,mamicode.com
首页 > 其他好文 > 详细

单行两行,多余显示省略号

时间:2021-06-22 18:27:46      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:-o   pre   bsp   style   mil   ellipsis   orm   hid   new   

单行的:

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

 

两行的:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

三行的:

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

 

单行两行,多余显示省略号

标签:-o   pre   bsp   style   mil   ellipsis   orm   hid   new   

原文地址:https://www.cnblogs.com/bigbang66/p/14918232.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!