两张图片之间有一个小缝隙如何解决

背景:接口会返回来一段富文本，前端支持展示和编辑，但是当我设置了overflow:scroll后，两张图片之间会出现类似于下图的小缝隙（中间的那条红线）

 后端返回的数据类型，每一张图片都会用一个<p>标签来进行包裹，但是<img>标签会把换行符当成一个空格处理，这里说下我的解决方法，给每一张图片加一个-1的margin即可解决。

<p>
    <img />
</p>
<p>
    <img />
</p>
<p>
    <img />
</p>

 p>img {
    margin: -1px;
} 

如果遇到类似的问题可以试下这个方法。