小程序
小游戏
企业微信
微信支付
扫描小程序码分享
https://developers.weixin.qq.com/s/m7EGBrmo7YeR 代码片段，请勿在开发者工具查看。IOS真机才会有问题。
IOS微信版本号：7.0.10
IOS系统13.3
rich-text在使用css3多行省略号的时候，真机预览不显示内容 准确的说只要添加 -webkit-line-clamp: 2; 这个就不会显示
我看很多有人都有这问题，不知道官方为什么一直没有回复。
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
IOS端rich-text webkit-line-clamp失效焦虑了一晚上，一个偶然的小demo解决了这个问题
解决方法：
app.json中配置：
"useExtendedLib": {
"weui": true
}
大家可以尝试一下
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
2022.04.08遇到了,暂时用max-height:35，你们有别的方法了吗
用了三楼的方法，在ios上不生效还是全部展示出来。气到我直接给rich-text设了个max-height，安卓能生效不用管，ios则到了最大高度也撑不开了，解决问题@~@
解决了吗？？？？
请问楼主解决了吗
试下这个
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
IOS端rich-text webkit-line-clamp失效焦虑了一晚上，一个偶然的小demo解决了这个问题
解决方法：
app.json中配置：
"useExtendedLib": {
"weui": true
}
大家可以尝试一下
2022.04.08遇到了,暂时用max-height:35，你们有别的方法了吗
用了三楼的方法，在ios上不生效还是全部展示出来。气到我直接给rich-text设了个max-height，安卓能生效不用管，ios则到了最大高度也撑不开了，解决问题@~@
解决了吗？？？？
请问楼主解决了吗
上面的这种办法，虽然会有省略号，但是并没有把超出部分截掉啊，然后line-height属性好像对里面的内容不起作用？