公告列表
公告列表
收藏
回答

富文本解析连续的图片会出现空白间隙


用wxParse解析的富文本，当富文本里出现连续的图片（这个场景在商品详情很常见了吧），图片上下之间会出现空白间隙。

当我给图片加上display: block;这样间隙会小很多，但是在安卓真机上还是很明显，ios也会有，偶尔单张图片与屏幕左右也会出现间隙。我是用的四张一模一样的图片测试的，排除图片本身的问题。希望大佬们看看，谢谢。

在开发工具没问题。

开发工具显示效果：



安卓真机显示效果图：


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

4 个回答

  • 知止
    知止
    2018-12-29

    如果不是样式问题 看看 wxparse里面有个html2json.js有一个text函数

    处理下空格 要不然多余的空格会被转换成<text> </text> 个人遇到的 不知道你也是这个原因

    2018-12-29
    有用 1
    回复
  • 微盟
    微盟
    2018-12-29
    .wxParse-img{
      display: flex;
    }

    可以使用这个样式

    2018-12-29
    有用 1
    回复
  • wz.zhao
    wz.zhao
    2018-12-27

    常规的方法如果解决不了，最好发代码片段

    2018-12-27
    有用
    回复
  • 2018-12-26

    vertical-align: top;给图片加上这个样式


    2018-12-26
    有用
    回复 5
    • codon
      codon
      2018-12-26

      在安卓真机上还是会有间隙

      2018-12-26
      赞
      回复
    • 2018-12-26回复codon

      额，那就不知道了，我这边用了之后就好了

      2018-12-26
      赞
      回复
    • codon
      codon
      2018-12-26回复

      谢谢，你也是用的wxParse?


      2018-12-26
      赞
      回复
    • 好先生
      好先生
      2021-10-12
      谢谢大佬点评，搞了好久的问题解决了
      2021-10-12
      赞
      回复
    • 樱桃🍒
      樱桃🍒
      星期四 13:53
      你好，怎么解决的呀？我这边也是有间隙，使用了    display: inline-block;vertical-align: bottom; 还是解决不了。
      星期四 13:53
      赞
      回复
请 登录 后发表内容
相关问题
相关文档