html52.com
我爱小程序-开发者交流社区

rich-text 组件在添加 多行文本溢出隐藏 的情况下 在 【IOS真机环境】 下【文字不显示】

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug rich-text 微信iOS客户端 8.0.20 2.24.0

rich-text 组件在添加 多行文本溢出隐藏

```css

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

```

```html

<view class="html">

<rich-text nodes="{{html}}"></rich-text>

</view>

```

安卓小程序:正常显示

IOS小程序:无法显示

网友回复

再见,电脑崽:
.html {
    border: 1px solid red;
}


.html>rich-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 48rpx;
    height: 96rpx;
}
订阅happiness:

建议解析富文本使用 mp-html

https://jin-yufeng.gitee.io/mp-html/#/overview/feature

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付