css如何让3张图片横向居中

CSS如何让3张图片横向居中呢？以下是一些步骤和示例代码：

/* 首先，要给图片所在的容器加上 display:flex 属性 */
.container {
  display: flex;
  justify-content: center;
  align-items: center; /* 这个是为了垂直居中 */
}

/* 接着，给每个图片一个 margin，可以设置成 auto，让它们水平居中 */
.container img {
  margin: 0 auto;
}

以上代码中，justify-content:center;是使图片水平居中，而align-items:center;是为了让图片垂直居中。在图片自身的样式中，我们使用了margin:0 auto;，这个是使图片水平居中的关键。

以下是一个完整的 HTML 示例代码：

<div class="container">
  <img src="path/to/image1.jpg">
  <img src="path/to/image2.jpg">
  <img src="path/to/image3.jpg">
</div>

记得把图片所在的容器加上display:flex;属性，然后设置每个图片的margin即可实现三张图片横向居中。