[分享]css取消上下图片之间的间隙

在前端开发中，有时候我们需要让两张图片并排放置，但是默认情况下，图片之间会有一定的间隙。如果想要消除这些间隙，我们可以通过CSS来实现。下面我们就来介绍一下如何取消上下图片之间的间隙。img{ dis...

在前端开发中，有时候我们需要让两张图片并排放置，但是默认情况下，图片之间会有一定的间隙。如果想要消除这些间隙，我们可以通过CSS来实现。下面我们就来介绍一下如何取消上下图片之间的间隙。

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

在上面的CSS样式中，我们首先将图片的显示方式设置为块级元素，然后将上下的外边距和内边距都设置为0。通过这样的方式，可以使图片在显示时不再受到外边距和内边距的影响，从而实现取消图片之间的间隙的效果。

除了上述的方法外，还可以通过设置font-size:0来取消图片之间的间隙。但是，这种方式的缺点是会将父元素中使用了em、rem等相对单位的元素的字体大小也设置为0，从而影响到整个页面的显示效果。

总的来说，取消上下图片之间的间隙的方法有很多，但是我们需要根据具体的情况来选择使用哪种方式。希望本篇文章对您有所帮助！