在我們?nèi)粘Ｊ褂梦淖殖鍪÷蕴?hào)顯示，一般使用下面的方式實(shí)現(xiàn)，但是當(dāng)有需求需要實(shí)現(xiàn)兩行乃至多行時(shí)，該怎么實(shí)現(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 实现超出两行、多行文字省略号显示的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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