居中图像

---

了解如何使用 CSS 使图像居中。

---

居中图像:

---

如何将图像居中

步骤 1) 添加 HTML:

实例

<img src="paris.jpg" alt="Paris" class="center">

---

步骤 2) 添加 CSS:

要使图像居中，请将左右边距设置为 auto 并使其成为 block 元素 :

实例

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
} 亲自试一试 »

注意，如果宽度设置为 100%（全角），则不能居中。

提示:请访问我们的CSS 图片教程，了解有关如何设置图片样式的更多信息。