在我们日常使用文字超出省略号显示，一般使用下面的方式实现，但是当有需求需要实现两行乃至多行时，该怎么实现呢。
单行省略：
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行省略：文章来源：https://www.toymoban.com/news/detail-502559.html
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 超出几行省略 */
overflow: hidden;
ps：需要注意的是，记得控制元素width。文章来源地址https://www.toymoban.com/news/detail-502559.html
到了这里，关于css 实现超出两行、多行文字省略号显示的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
