1. 程式人生 > >移動端設定單行文字和多行文字出現省略號

移動端設定單行文字和多行文字出現省略號

單行文字:

while-space:nowrap; 強制一行
overflow:hidden; 多餘部分隱藏
text-overflow:ellipisis;隱藏部分變成省略號 …

多行文字:

overflow:hidden; 多餘部分隱藏
text-overflow:ellipisis;隱藏部分變成省略號 …
display : -webkit-box;彈性盒模型
-webkit-line-clamp : 3;行數
-webkit-box-orient : vertical;垂直排列(最後一行也填充滿)
②可直接在文字中新增省略號(用於最後一行沒有填充滿)