码迷,mamicode.com
首页 > Web开发 > 详细

前端css实现只显示一行或者2行、3行剩余显示省略号

时间:2020-06-16 13:28:44      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:white   box   lin   splay   line   ellipsis   ext   div   lips   

1、如果是只需要显示一行+省略号,那么就容易啦

{

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

2、如果是需要显示2行或者更多+省略号

{

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

}




前端css实现只显示一行或者2行、3行剩余显示省略号

标签:white   box   lin   splay   line   ellipsis   ext   div   lips   

原文地址:https://www.cnblogs.com/hwj369/p/13140092.html

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