在小程序开发过程中，经常会遇到一些数据无法在text中完全展示，所以会使用到隐藏相关文字，并在后方加上省略号(...)。那么怎么展示呢？
方法一：
只需要在对应的text中设置下面的css就可以了。
overflow:hidden;//超出一行文字自动隐藏
text-overflow:ellipsis;//文字隐藏后添加省略号
white-space:nowrap;//强制不换行
上面的css只能保证单行显示隐藏，那么你想要2，3，n行隐藏呢？这个要求其实也是可以通过css做到的。下面贴出css：
display:
-webkit-box;
overflow:
hidden;
text-overflow:
ellipsis;
word-wrap:
break-word;
white-space:
normal
!important;
-webkit-line-clamp:
3;
-webkit-box-orient:
vertical;
只要改变其中-webkit-line-clamp的数字，就可以实现对应的需求了。
方法二：当前你也可以根据substring来截取，截取字符前100,200等等来展示数据，在加上+'...'，来达到效果。
tips：方法二需要变量数据源截取，还需要判断当展示数据不足你截取的字符时，忽略截取。不是很建议使用哈~~~