在 CSS 中，图片是非常重要的元素之一。在我们的网页设计中，图片的布局和位置都是至关重要的。但是有时候在布局中会出现图片下方出现空隙的问题，这个问题很让人头疼，要怎么解决呢？下面我们来看看具体的解决办法。

解决方法一：改变图片的display属性
img{
display:block;
}
通过将图片的display属性设置为block，可以将图片从默认的inline属性改为block属性。这样可以保证图片的高度和宽度都正确地被浏览器渲染出来，从而避免图片下面的空隙。
解决方法二：设置图片的vertical-align属性
img{
vertical-align:middle;
}
在默认情况下，图片会在文本的基线上垂直对齐。但是，如果图片下方出现了空隙，那么你可以尝试设置vertical-align属性，尝试不同的值，如middle，top等等，来解决问题。
解决方法三：使用line-height属性
p {
line-height:0;
}
如果以上两种方法都无法解决图片下方的空隙，那么你可以尝试使用line-height属性，将行高设置为0。

总的来说，在布局中，图片的位置和布局都需要我们认真地思考和规划。如果图片下方出现空隙，那么我们可以尝试以上的解决办法。