css 清除图片的3px

CSS清除图片3px

img {
    display: block;
}

img + p {
    margin-top: -3px;
}

当我们在布局中使用图片时，有时会发现图片和周围其他元素之间有3px的间隙。这是因为图片是行内元素，它会在底部默认留下3px的空白。如果您想要去除这个间隙，可以通过CSS设置一些样式。

首先，我们将通过将图像的显示属性设置为块来解决此间距问题。然后，我们将使用相邻兄弟选择器 '> +' 来针对 img 元素后面的 p 元素。在这里，我们将设置 p 元素的顶部外边距为 -3px。这将导致 p 元素向上移动3px并与 img 元素粘在一起。

通过这些简单的CSS技巧，我们可以有效地消除图片和其周围元素之间的空白间隙。