多行文字只显示一行，其它隐藏并显示为...；多行文字只显示前两行，其它隐藏并显示为...

时间：2020-07-25 23:21:50 阅读：97 评论：0 收藏：0 [点我收藏+]

①多行文字只显示一行，其它隐藏并显示为..

.text {

font-size: 13px;

line-height: 1.5;

white-space: nowrap; //不换行

text-overflow: ellipsis; //超出部分以省略号显示

overflow: hidden; //超出部分隐藏

}

-------------------------------------------------------------------------------------------------------------------------------

②多行文字只显示前两行，其它隐藏并显示为...

.text {

font-size: 13px;

line-height: 1.5;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

}

原文地址：https://www.cnblogs.com/xuwennn/p/13375710.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行