css 解决多张图片显示时出现的空白间隙问题

1、出现的间隙

在后端设置富文本时，添加了多张图片，但是到前台展示时，每2张图片直接都会多出一个间隙；

2、空白间隙产生的原因

在网上查阅资料时，发现是由于图片设置了display: inline-block;属性，使图片变成行内块元素，这就是问题所在，display: inline-block;行内块元素会使得页面的图片与图片之间产生间隙；

3、解决办法

在网上查阅了一翻，找到以下几种解决办法

1、给图片元素设置vertical-align: top;
2、将图片设置成 display: block;
3、给图片所在的父元素设置 font-size:0;