[分享]css两个图片间隔

CSS中有许多有趣的特性，其中之一就是可以在两个图片间添加间隔。img + img { marginleft: 10px; } 上述代码使用“+”选择器及margin属性，在每个img元素后添加一个1...

CSS中有许多有趣的特性，其中之一就是可以在两个图片间添加间隔。

img + img {
   margin-left: 10px;
} 

上述代码使用“+”选择器及margin属性，在每个img元素后添加一个10像素的间隔。

img {
   display: inline-block;
   margin: 0 10px;
} 

还有一种添加间隔的方法是指定每个图像元素为inline-block元素，并使用margin属性为其添加左右边距。这种方法的好处是可以在图像上下方添加其他元素。

CSS使得调整图片间隔变得非常容易，只需几行简单的代码即可实现。