css怎么设置图片间距 |css中的好习惯

在CSS中，图片间距可以通过margin和padding属性来实现。一般情况下，大家使用margin属性来设置图片间距。以下是一个示例：

img {
margin: 10px;
}

在上述代码中，大家给所有的img标签添加了10px的外边距，因此，每张图片都会有10px的间距。

同样的，大家也可以通过padding属性来实现图片间距的设置，不过这种方法并不常用，因为它会影响到图片的大小。以下是一个示例：

img {
padding: 10px;
}

在上述代码中，大家给所有的img标签添加了10px的内边距，因此，每张图片的大小都增加了20像素，其中10像素用于间距，另外10像素则会在图片内部产生一定的留白。

除了使用margin和padding属性来设置图片间距外，大家还可以使用一些其他的技巧来达到同样的效果。例如，在图片外围包裹一个容器，并为容器添加外边距，从而实现图片间距的设置。

<div class="image-container">
<img src="image.jpg">
</div>
.image-container {
margin: 10px;
}

上述代码中，大家将图片包裹在一个名为“image-container”的div容器中，并为该容器添加了10px的外边距，因此，每张图片之间都会有10像素的间距。