小程序超出文本显示省略号
发表时间：2020-9-28
发布人：葵宇科技
浏览次数：39
小程序超出文本显示省略号
小程序中超出文本显示省略号页需要使用css设置。
- 首先需要使用display: -webkit-box设置盒子为弹性盒子；
- 使用-webkit-line-clamp: 1;设置最多可以显示多少行，我这里设置最多显示为1行
- 使用overflow: hidden;设置超出隐藏
- 使用text-overflow: ellipsis；超出的内容显示为省略号
- 使用-webkit-box-orient: vertical；设置伸缩盒子的子元素排列方式–从上到下垂直排列
display: -webkit-box; /*设置为弹性盒子*/
-webkit-line-clamp: 1; /*最多显示5行*/
overflow: hidden; /*超出隐藏*/
text-overflow: ellipsis; /*超出显示为省略号*/
-webkit-box-orient: vertical; /* 从上向下垂直排列子元素。 */
