图片与图片直接为什么会产生一条白色线?
发布于 5 年前 作者 xiulanyan 3083 次浏览 来自 官方Issues

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

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

10 回复

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

.content-images image {
  width100%;
  border0;
  margin: -1px;
  display: block;
}

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

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

vertical-align: middle;

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

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

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

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

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

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

变成block可以的吧

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

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

display: block;

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

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

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

回到顶部