收藏
回答

imgage图片间隙?

多张图片之间间隙。如何去掉间隙,同时图片正常显示。

https://developers.weixin.qq.com/s/L5FagMm57shm

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

6 个回答

  • 1005
    1005
    2020-06-02

    加个display: block;

    就okk了

    2020-06-02
    有用 2
    回复
  • 治辰科技于鲁宁
    治辰科技于鲁宁
    2020-10-17

    https://developers.weixin.qq.com/s/aFww5amB7dlu

    wxml文件中image增加class:

      <block wx:for="{{li}}wx:key="index">

        <image class="imagesrc="{{item}}mode="widthFix"></image>

      </block>

     

    wxss文件,样式内容改为:

    page{

      width:100%;

      height: 100%;

    }

    .image{

      width: 100%;

      height:100%;

     display: block;

    }


    2020-10-17
    有用
    回复
  • Chris(绿化芒)
    Chris(绿化芒)
    2020-09-14

    加个display: block;就ok


    2020-09-14
    有用
    回复
  • 鹏宇zero
    鹏宇zero
    2020-06-02

    代码片段显示正常啊。。。你的问题是?

    2020-06-02
    有用
    回复 5
    • 以云为笔
      以云为笔
      2020-06-02
      2020-06-02
      回复
    • 鹏宇zero
      鹏宇zero
      2020-06-02回复以云为笔
      真机上有问题吗? 我这边开发工具显示的如我的截图。。。挺好的。
      2020-06-02
      回复
    • 以云为笔
      以云为笔
      2020-06-02
      2020-06-02
      回复
    • 鹏宇zero
      鹏宇zero
      2020-06-02回复以云为笔
      我尝试换了其他图片。。。发现OK。。。。
      你这张图片可能真的。。。不是十分友好。。。。
      2020-06-02
      回复
    • 鹏宇zero
      鹏宇zero
      2020-06-02
      margin-bottom: -1rpx;
      你可以试下。。。每个图片缩减1rpx,其实对内容影响不大。
      2020-06-02
      回复
  • 厂危,速归。
    厂危,速归。
    2020-06-01

    你这是切图问题啊,上面一张图 自带白边, 一般正常有间隙 给图片加上display: block 即可解决。

    2020-06-01
    有用
    回复 4
  • Peter👊
    Peter👊
    2020-06-01

    有人问过这个,好像没办法解决,背景图片也不好解决,你可以试试

    2020-06-01
    有用
    回复
登录 后发表内容
问题标签