將多行文本最後一行的超出部分變成省略號

aaa,

很早以前學 css 的時候只會把單行超出部分變成省略號,當時也沒多想,

最近遇到了一個問題需要將多行文本最後一行的超出部分變成省略號,比如這樣:

然後在網上查了相關資料最後找到了解決問題的方法,

我就直接貼代碼了:

overflow: hidden;    //超出隱藏
text-overflow: ellipsis;    //超出部分變成省略號
display: -webkit-box;    //將對象作爲彈性伸縮盒子模型顯示
-webkit-box-orient: vertical;    //從上到下垂直排列子元素
-webkit-line-clamp: 2;    //表示顯示的行數(需要結合上面兩個屬性)

ok完結,撒花 🌸✨🌼🌻🌺

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章