收藏
回答

富文本rich-text

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

我用富文本组件解析后端HTML字符串,但是写了超出部分显示省略号的css失效了,有什么办法

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

4 个回答

  • 小鸡叫叫
    小鸡叫叫
    2019-11-28

    光这里写还不行,还要在 reich-text里面写才行

    <rich-text nodes="{{isHeadText}}" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"></rich-text>


    2019-11-28
    有用 1
    回复
  • 禾店科技
    禾店科技
    2021-05-21

    原来是这么解决的,有意思

    2021-05-21
    有用
    回复
  • 白俊鹏
    白俊鹏
    2019-07-03

    已解决,你可以把省略号三件套写到富文本nodes中,比如这样

    '<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">来喽来喽,他们,真的来了哦</div>'


    2019-07-03
    有用
    回复
  • Paul
    Paul
    2019-04-10

    你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-04-10
    有用
    回复 1
    • Caroline
      Caroline
      2019-05-05

      官方demo文字写多一点,然后样式

      rich-text{

          width:700rpx;

          padding:25rpx 0;

          overflow:hidden;

          height:30px;

          text-overflow:ellipsis;

          white-space:noWrap;

      }

      没效果,不展示省略号


      2019-05-05
      回复
登录 后发表内容