html的图片怎么居中

要让 HTML 中的图片居中，可以使用 CSS 中的 text-align 和 margin 属性来实现。具体方法如下：

1. 使用 text-align 属性

在父元素中使用 text-align: center; 属性来让图片居中。例如：

<div style="text-align: center;">
  <img src="your-image-url" alt="your-image-description">
</div>

2. 使用 margin 属性

在图片元素中使用 margin: auto; 属性来让图片居中。例如：

<div>
  <img src="your-image-url" alt="your-image-description" style="display: block; margin: auto;">
</div>

这里需要注意的是，margin: auto; 只对块级元素有效，因此需要使用 display: block; 属性将图片元素设置为块级元素。

通过使用上述方法，你可以让 HTML 中的图片水平居中显示。如果你希望图片垂直居中，可以使用 CSS 中的 display 和 vertical-align 属性来实现。例如：

<div style="display: table-cell; vertical-align: middle; text-align: center;">
  <img src="your-image-url" alt="your-image-description">
</div>

这样图片就会水平垂直都居中显示了。