收藏
回答

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


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

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

在开发工具没问题。

开发工具显示效果:



安卓真机显示效果图:


最后一次编辑于  2018-12-26
回答关注问题邀请回答
收藏

4 个回答

  • 知止
    知止
    2018-12-29

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

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

    2018-12-29
    赞同
    回复
  • 微盟
    微盟
    2018-12-29
    .wxParse-img{
      display: flex;
    }

    可以使用这个样式

    2018-12-29
    赞同
    回复
  • '
    '
    2018-12-27

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

    2018-12-27
    赞同
    回复
  • 简单的昵称
    简单的昵称
    2018-12-26

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


    2018-12-26
    赞同
    回复 3
    • 。
      2018-12-26

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

      2018-12-26
      回复
    • 简单的昵称
      简单的昵称
      2018-12-26回复

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

      2018-12-26
      回复
    • 。
      2018-12-26回复简单的昵称

      谢谢,你也是用的wxParse?


      2018-12-26
      回复