css 如何让图片居中

有多种方法可以让图片居中，以下是其中几种：

1. 使用 text-align 属性

HTML 代码：

<div class="container">
  <img src="image.jpg" alt="图片">
</div>

CSS 代码：

.container {
  text-align: center;
}
.container img {
  display: inline-block;
}

2. 使用 margin 属性

HTML 代码：

<div class="container">
  <img src="image.jpg" alt="图片">
</div>

CSS 代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.container img {
  margin: 0 auto;
}

3. 使用 position 属性

HTML 代码：

<div class="container">
  <img src="image.jpg" alt="图片">
</div>

CSS 代码：

.container {
  position: relative;
  height: 100vh;
}
.container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

以上是几种常用的让图片居中的方法，可以根据自己的需求选择其中一种或多种进行实现。