收藏
回答

如何解决 rich-text 设置 flex 且内容带有 a 标签而导致内容样式的问题?

当  rich-text  组件 nodes 内容中带有 a 标签并且 rich-textstyles 样式了 display: flex 时, 图片及文字会有截断展示的问题(说明:组件宽度是正常的,不过表现出来的效果像是内部内容宽度比组件宽度更大)

复现代码:https://developers.weixin.qq.com/s/75dAx9mJ7bra

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

1 个回答

  • 神经蛙
    神经蛙
    2021-06-18

    rich-text 的 styles 样式display: flex 去掉,a标签的样式增加一个overflow-wrap: break-word;


    2021-06-18
    有用 1
    回复 2
    • 神经蛙
      神经蛙
      2021-06-18
      rich-text 组件不需要设置样式,你只需把富文本内容的格式调好放进组件进行
      2021-06-18
      1
      回复
    • 清香的orange
      清香的orange
      发表于移动端
      2021-06-18
      是可以不用设置样式,但是如果我设置了display:flex;组件的宽度看起来也是正常的,为啥内部如果带a标签会影响其它标签展示呢?
      2021-06-18
      回复
登录 后发表内容