文本超出指定行数部分隐藏并用省略号显示

时间：2019-04-10 18:23:50 阅读：175 评论：0 收藏：0 [点我收藏+]

效果图：

文本未超出：

技术分享图片

文本超出显示省略号：

技术分享图片

添加css样式如下：

overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:9;    //指定行数
-webkit-box-orient: vertical;

原文：https://www.cnblogs.com/cff2121/p/10685158.html

踩

(0)

评论一句话评论（0）

分享档案

更多>