[分享]css两个图片之间没有间距

有时候我们需要在网页中将两个图片排列在一起，但是默认情况下，两张图片之间会有一定的间距。这种情况下，我们需要使用CSS来调整图片之间的间距。img{ display: block; margin: 0...

有时候我们需要在网页中将两个图片排列在一起，但是默认情况下，两张图片之间会有一定的间距。这种情况下，我们需要使用CSS来调整图片之间的间距。

img{
    display: block;
    margin: 0 auto;
}

img + img{
    margin-top: 0;
} 

首先，我们先将图片设置为块级元素（display: block;），这样可以让图片之间不留空隙。然后通过设置margin来居中显示图片（margin: 0 auto;）。

接着，我们通过CSS中的“+”符号来选择紧跟在前面图片元素后面的图片元素（img + img），然后将它的上边距设置为0，这样就可以让两张图片之间没有间距了。