目录

操作方法 - 中心图片


了解如何使用 CSS 将图片居中。


居中图片:

Paris

如何居中图片

步骤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 图片教程了解有关如何设置图片样式的更多信息。