- 当前 Bug 的表现（可附上截图）
IOS
Android
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
<view class="content_box">
<view class='content'><rich-text nodes="{{ itemData.content }}"></rich-text></view>
</view>
.content {
font-size: 28rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: rgba(102, 102, 102, 1);
}
这是你自己设置了 -webkit-line-clamp: 3;
不是 我的意思是 ios根本不显示，一行也不显示，安卓我限制了3行显示没问题，你看看第一张图ios的
https://developers.weixin.qq.com/s/i0DmGxmj727y
这是代码片段，请确认一下
把
rich-textnodes"{{ itemData.content }}"></rich-text>改成
rich-textnodes"{{ '\r' + itemData.content }}"></rich-text>就OK了。
别问我为什么，我也是机缘巧合，碰巧试出来的。
IOS端rich-text webkit-line-clamp失效焦虑了一晚上，一个偶然的小demo解决了这个问题
解决方法：
app.json中配置：
"useExtendedLib": {
"weui": true
}
大家可以尝试一下
把class直接放在rich-text标签中而不是父级div，我这边就行了
直接 把富文本字符串 加个外层div 写个内敛样式吧，好使的
我也是这个问题。怎么办啊，超出了 就富文本不显示，不超出就显示
一毛一样的问题,贼严重
我的是省略号不显示，死活不显示，无奈。。。
有没有大佬帮忙看看？
https://developers.weixin.qq.com/community/develop/doc/000464e9dbcd087f6e4b963a956000
请问楼主解决了吗，这么久了还有这个问题
<rich-text nodes="{{content}} ">rich-text>
.text_row_4 { overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }