微信小程序 IOS真机rich-text真机超过2行省略号

功能是想实现这快文本超过两行变成省略号，但是因为返回的是富文本，所以不能简单的使用
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
来实现。
因为富文本使用的rich-text回显的，想着直接对这个标签写上这个css，发现还是不行。
安卓机的话可以正常显示，而且在模拟器上也能正常变成省略号，但是IOS真机的话不兼容。
后来又尝试几次，发现需要在回显的文本中再包裹一层，在这个包裹层中写上样式，就可达到超过两行隐藏。

>  <rich-text nodes="<div style='text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; display:> -webkit-box;'>{{hotelInfo.hotelOverview}}</div>"></rich-text>

如上，手动加一层div，把样式写在这个包裹层上面。