如何使浮动图片库居中

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

.image-gallery {
  position: relative;
  width: 80%; /* 可根据实际需求调整 */
  margin: 0 auto; /* 实现水平居中 */
  height: 300px; /* 可根据实际需求调整 */
}

.image-gallery img {
  float: left;
  margin: 10px; /* 可根据实际需求调整 */
}