css 实现超出两行、多行文字省略号显示
生活随笔
收集整理的這篇文章主要介紹了
css 实现超出两行、多行文字省略号显示
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在我們?nèi)粘J褂梦淖殖鍪÷蕴栵@示,一般使用下面的方式實現(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: excel自定义表格poi导出
- 下一篇: android popupwindowd