使未定义数量的图像居中

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

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

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

.container {
  display: grid;
  justify-items: center;
  align-items: center;
}