div{display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word; white-space:pre-wrap;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden; }

　　

如果只是一行的話，要簡單一些。

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

?

轉載于:https://www.cnblogs.com/foxcharon/p/8626643.html

總結

以上是生活随笔為你收集整理的css：实现文本两行或多行文本溢出显示省略号的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。