小程序超出文本显示省略号

小程序中超出文本显示省略号页需要使用css设置。

1. 首先需要使用display: -webkit-box设置盒子为弹性盒子；
2. 使用-webkit-line-clamp: 1;设置最多可以显示多少行，我这里设置最多显示为1行
3. 使用overflow: hidden;设置超出隐藏
4. 使用text-overflow: ellipsis；超出的内容显示为省略号
5. 使用-webkit-box-orient: vertical；设置伸缩盒子的子元素排列方式–从上到下垂直排列

display: -webkit-box; /*设置为弹性盒子*/ 
  -webkit-line-clamp: 1; /*最多显示5行*/ 
  overflow: hidden; /*超出隐藏*/ 
  text-overflow: ellipsis; /*超出显示为省略号*/ 
  -webkit-box-orient: vertical; /* 从上向下垂直排列子元素。 */