收藏
回答

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

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

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

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

11 个回答

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

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

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

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

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

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

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

    2020-06-29
    有用 1
    回复 1
    • 七枷社
      七枷社
      06-22
      我把高度调整成6的整倍数解决了,感谢!
      06-22
      回复
  • 萌虎
    萌虎
    2020-06-29

    vertical-align: middle;

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

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

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

    2020-06-29
    有用
    回复
  • 渐行渐远
    渐行渐远
    2020-06-29

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


    2020-06-29
    有用
    回复 2
    • 嘟呀嘟
      嘟呀嘟
      2020-06-29
      没用
      2020-06-29
      回复
    • 渐行渐远
      渐行渐远
      2020-06-29回复嘟呀嘟
      不可能哦
      2020-06-29
      回复
  • M小
    M小
    2020-06-29

    变成block可以的吧

    2020-06-29
    有用
    回复 3
    • M小
      M小
      2020-06-29
      2020-06-29
      回复
    • 嘟呀嘟
      嘟呀嘟
      2020-06-29回复M小
      我换了正常的图片,还是不行
      2020-06-29
      回复
    • 嘟呀嘟
      嘟呀嘟
      2020-06-29回复嘟呀嘟
      可以在看下代码片段
      2020-06-29
      回复
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-06-29

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

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

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

    2020-06-29
    有用
    回复 2
    • 嘟呀嘟
      嘟呀嘟
      2020-06-29
      图片没问题
      2020-06-29
      回复
    • 醉酒浓
      醉酒浓
      2020-06-29回复嘟呀嘟
      传个代码片段看下吧,这样更直观点
      2020-06-29
      回复
  • 祺爸💎
    祺爸💎
    2020-06-29

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

    display: block;
    


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

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

    2020-06-29
    有用
    回复 2
    • 嘟呀嘟
      嘟呀嘟
      2020-06-29
      这个试过了,不行
      2020-06-29
      回复
    • 祺爸💎
      祺爸💎
      2020-06-29回复嘟呀嘟
      看我最后一句
      2020-06-29
      回复
  • 卢霄霄
    卢霄霄
    2020-06-29

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

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

正在加载...

登录 后发表内容
问题标签