微信小程序text文本溢出单行多行省略

在做小程序的时候遇到在text标签里面的文本过长，需要限制显示长度，并且在限制了长度的后面加上

省略号代表后面还有内容。

我们css可以这么写

我们只需要这一部分

并且修改这个可以修改显示的行数

然后修改高度就可以完美显示我们想要的行数。

微信小程序有一个标签<text>

它相当于平常开发中用到的<span>标签，是一个行内元素

不过在小程序中<text>标签不能换行写

这样写‘哈哈哈’上下会有一个间距空白，输出的结果不在同一行。

这样两个行内元素才能在同一行。

想实现小程序中组件text最多显示两行内容,如果超出就省略号,搞了半天都没师兄,百度出来的全都不对,这可和微信开发者工具的版本有关系.因为我发现好多效果和例子实现出来的完全不一样,mmp!

white-space: nowrap 网上很多博客都有whiteice-space,我设置了就不行,删除了就对了

---