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

2021-02-04 11:18

阅读：671

标签：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

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：前端css实现只显示一行或者2行、3行剩余显示省略号
文章链接：http://soscw.com/essay/50879.html

亲，登录后才可以留言！