Loading... <div class="tip share">请注意,本文编写于 647 天前,最后修改于 647 天前,其中某些信息可能已经过时。</div> ## 单行文本 实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加**宽度width**属来兼容部分浏览。 实现方法: ``` overflow: hidden; text-overflow:ellipsis; white-space: nowrap; ``` 效果如图:  ## 多行文本 实现方法: ``` display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; ``` 效果如图:  Last modification:October 30, 2020 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 0 如果觉得我的文章对你有用,请随意赞赏
2 comments
|´・ω・)ノ
cnm