[分享]css中并排三张图片

CSS 中如何实现并排三张图片呢？我们可以使用 float 和 margin 属性来实现。接下来，让我们一起来看看代码实现：

<style>
  .img-container {
    float: left;
    margin-right: 20px;
  }
</style>

<div class="img-container">
  <img src="image-1.jpg" alt="image-1">
</div>

<div class="img-container">
  <img src="image-2.jpg" alt="image-2">
</div>

<div class="img-container">
  <img src="image-3.jpg" alt="image-3">
</div> 

首先，我们使用 float: left 让三张图片都向左浮动，这样它们就能够并排排列。然后，使用 margin-right: 20px 让它们之间有一定的间隙，不会挤在一起。

接下来就可以预览效果了，三张图片将会被左对齐，且之间有 20px 的间距。

以上就是 CSS 中如何实现并排三张图片的方法，掌握之后，我们可以根据实际需要进行排版，打造出更美观、符合要求的页面。