收藏
回答

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小程序:无法显示

回答关注问题邀请回答
收藏

2 个回答

  • 再见,电脑崽
    再见,电脑崽
    2022-04-24
    .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;
    }
    
    2022-04-24
    有用 2
    回复 1
    • 长安
      长安
      2022-04-24
      非常感谢,已解决
      2022-04-24
      回复
  • 朝酒晚舞
    朝酒晚舞
    2022-04-24

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

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

    2022-04-24
    有用
    回复 1
    • 长安
      长安
      2022-04-24
      非常感谢解答,楼下的方案已解决
      2022-04-24
      回复
登录 后发表内容