aaa,
很早以前學 css 的時候只會把單行超出部分變成省略號,當時也沒多想,
最近遇到了一個問題需要將多行文本最後一行的超出部分變成省略號,比如這樣:
然後在網上查了相關資料最後找到了解決問題的方法,
我就直接貼代碼了:
overflow: hidden; //超出隱藏
text-overflow: ellipsis; //超出部分變成省略號
display: -webkit-box; //將對象作爲彈性伸縮盒子模型顯示
-webkit-box-orient: vertical; //從上到下垂直排列子元素
-webkit-line-clamp: 2; //表示顯示的行數(需要結合上面兩個屬性)
ok完結,撒花 🌸✨🌼🌻🌺