在我們?nèi)粘Ｊ褂梦淖殖鍪÷蕴栵@示，一般使用下面的方式實現(xiàn)，但是當(dāng)有需求需要實現(xiàn)兩行乃至多行時，該怎么實現(xiàn)呢。

單行省略：

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。

總結(jié)

以上是生活随笔為你收集整理的css 实现超出两行、多行文字省略号显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。