html中图片水平居中怎么设置

在 HTML 中，很多人都会遇到让图片水平居中的需求，那么该怎么设置呢？

img {
  display: block;
  margin: 0 auto;
}

以上是让图片水平居中的代码，我们来一一解释一下：

首先，img 是指页面中所有的图片，其中 display: block 意为将图片变成块级元素，这是必要的一步；接着，margin 指图片的外边距，0 auto 表示上下无间隔，左右自动居中。

需要注意的是，图片需要使用 <img> 标签嵌入页面，如果将图片作为背景使用 background-image 时，无法使用上述代码实现水平居中，需要借助于其他方法。

至此，让图片水平居中的方法就介绍完毕啦，快快试试吧！