在页面中心并排对齐3张图像？HTML

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

.image-container {
  display: flex;
  justify-content: center;
}

.image-container img {
  width: 300px; /* 根据实际需求设置图片宽度 */
  margin: 0 10px; /* 根据实际需求设置图片之间的间距 */
}