微信小程序 文本超出顯示省略號 css

文本超出顯示省略號 css

1.單行

overflow:hidden; //超出隱藏

text-overflow:ellipsis; //溢出顯示用省略號

white-space:nowrap; //溢出不換行

2.多行

overflow: hidden;//超出隱藏

text-overflow: ellipsis;//溢出顯示用省略號

display:-webkit-box; //作爲彈性伸縮盒子模型顯示。

-webkit-box-orient:vertical; //設置伸縮盒子的子元素排列方式  從上到下垂直排列

-webkit-line-clamp:2; //顯示的行數