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

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

.content-images image {
  width: 100%;
  border: 0;
  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;

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

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

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