收藏
回答

图片与图片直接为什么会产生一条白色线?

百度了很多方法都不行,font-size0,flex布局,img转为块元素都不行。

代码片段:https://developers.weixin.qq.com/s/u8ZB1sm67PiI

最后一次编辑于  06-29
回答关注问题邀请回答
收藏

11 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    06-29
    .content-images image {
      width100%;
      border0;
      margin: -1px;
      display: block;
    }
    

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

    若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人

    06-29
    有用 2
    回复
  • talent
    talent
    06-29

    vertical-align: middle;

    给图片价格这个属性 就可以了

    06-29
    有用 1
    回复 3
    • 嘟呀嘟
      嘟呀嘟
      06-29
      这个试过了,不行
      06-29
      回复
    • talent
      talent
      06-29回复嘟呀嘟
      那你先要确定 那个条白线 是哪里来的,比如说确定白线是背景的,那就是图片之间有间距
      06-29
      回复
    • 嘟呀嘟
      嘟呀嘟
      06-29回复talent
      不是背景
      06-29
      回复
  • 🐶温柔的曹璇璇
    🐶温柔的曹璇璇
    06-29

    确实是你图片的问题,图片边缘有透明度。

    06-29
    有用
    回复
  • 🇷 🇴 🇧 🇪 🇷 🇹
    🇷 🇴 🇧 🇪 🇷 🇹
    06-29

    边框设置为0,行高设置为0试试


    06-29
    有用
    回复 2
  • M小
    M小
    06-29

    变成block可以的吧

    06-29
    有用
    回复 3
  • 陈柯休
    陈柯休
    06-29

    这个主要是因为图片尺寸在缩放适配屏幕宽度时,造成 DOM 元素的高度不是整数px引起的,部分浏览器也有这种现象。可以尝试下面这些方法:

    1、调整图片的高宽比例,比如在 2x或3x的图片宽度情况下,调整图片高度为 6 或 42 的整倍数(应对@2x、@3x 甚至@3.5x 的屏幕)

    2、拆分图片的位置尽量选在没有图案、纯色的地方,然后设置背景色把白线藏起来

    06-29
    有用
    回复
  • Admin²⁰²⁰
    Admin²⁰²⁰
    06-29

    目测是高度没控制好,或者是其中有张图片本身边缘是带png格式的透明层的

    06-29
    有用
    回复 2
    • 嘟呀嘟
      嘟呀嘟
      06-29
      高度没有设,因为是商品详情图,没有高度限制,图片是jpeg的
      06-29
      回复
    • Admin²⁰²⁰
      Admin²⁰²⁰
      06-29回复嘟呀嘟
      margin-top:-2rpx;试试
      另外最好用ps打开图片排除下图片自带白线条/透明层的原因
      06-29
      回复
  • 醉酒浓
    醉酒浓
    06-29

    是不是图片的问题了,建议检查下图片

    06-29
    有用
    回复 2
  • 祺爸💎
    祺爸💎
    06-29

    这个是inline-block的老问题了,给图片加上

    display: block;
    


    前面的当我没说,上代码片段吧

    若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人

    06-29
    有用
    回复 2
  • 卢霄霄
    卢霄霄
    06-29

    会不会是图片本身就有条白线啊?不是的话,做个代码片段出来看看呢

    06-29
    有用
    回复 9
    查看更多(4)

正在加载...

登录 后发表内容
问题标签