在使用CSS布局网页时，我们经常会用到图片，而有时候我们会发现图片之间的间距过大，这显然会破坏原本美观的网页设计。下面我们就来探讨一下，CSS图片之间空隙太大的问题。

<div class="wrapper">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
</div>
/* CSS */
.wrapper {
display: flex;
justify-content: space-between;
}
img {
width: 200px;
height: 150px;
}

以上是一个简单的图片布局示例，我们使用了flex布局将图片排列成一行，并且想让图片之间的间距相等，于是使用了justify-content: space-between。但是我们会发现，图片之间的间距过大。

这是因为，img标签是行内元素，而行内元素会对间距敏感。此外，img标签有一个默认的baseline（基线），在图片下方有一条空白的间距，是为了保证文字在图片下方对齐。我们可以通过将img改为块级元素，去掉baseline来解决这个问题：

<div class="wrapper">
<div class="img-box"><img src="img1.jpg"></div>
<div class="img-box"><img src="img2.jpg"></div>
<div class="img-box"><img src="img3.jpg"></div>
</div>
/* CSS */
.wrapper {
display: flex;
justify-content: space-between;
}
.img-box {
width: 200px;
height: 150px;
}
img {
display: block;
height: 100%;
}

在这里我们使用了一个div包裹img，将其设为块级元素，并且去掉了img的baseline，这样就可以解决图片间距太大的问题。

以上就是解决CSS图片间距过大的问题的方法，希望可以帮助到大家。