[分享]css两张图片之间有间隙

CSS可以帮助我们实现很多效果，比如两张图片之间添加间隙就是其中一种。如果不了解这一技巧，那么两张图片之间很可能没有任何间隔，会影响美观。那么该如何用CSS实现两张图片之间有间隔呢？ .gapbetw...

CSS可以帮助我们实现很多效果，比如两张图片之间添加间隙就是其中一种。如果不了解这一技巧，那么两张图片之间很可能没有任何间隔，会影响美观。那么该如何用CSS实现两张图片之间有间隔呢？

 .gap-between-images {
    display: flex;
    justify-content: center;
  }
  .gap-between-images img {
    margin: 10px;
  } 

首先，我们需要给图片所在的容器添加一个CSS属性display: flex;，这将把所有图片水平排列在容器内。接下来，通过justify-content: center;实现居中对齐，具体可以根据需求更改对齐方式。

接着，我们需要给每张图片添加一个CSS属性margin: 10px;，这将在每张图片周围添加10像素的间隔。

这样，我们就可以轻松地实现两张图片之间有间隔了。当然，你还可以根据需要调整图片间隔大小和排列方式。