css 实现超出两行、多行文字省略号显示

在我们日常使用文字超出省略号显示，一般使用下面的方式实现，但是当有需求需要实现两行乃至多行时，该怎么实现呢。

单行省略：

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

多行省略：

word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;/* 超出几行省略 */overflow: hidden;

ps：需要注意的是，记得控制元素width。

标签： css 前端 html

本文转载自: https://blog.csdn.net/weixin_42927679/article/details/129144477
版权归原作者 iuvc 所有，如有侵权，请联系我们删除。