html怎么将图片居中

HTML中将图片居中通常有几种方法：

1. 使用`<div>`标签包裹图片，并设置CSS样式：

<div style="text-align:center;">
   <img src="image.jpg" alt="描述">
</div>

这里，`text-align:center;`会使得包含在其内的内容（包括图片）水平居中。

2. 直接在`<img>`标签上使用CSS `style`属性：

<img src="image.jpg" alt="描述" style="margin: auto; display: block;">

`margin: auto;`会使图片左右外边距自动调整使其居中，而`display: block;`让图片成为块级元素，从而适应整个容器宽度。

3. 使用内联样式或者引入外部CSS文件：

<img src="image.jpg" alt="描述" class="center-image">

然后在CSS中定义 `.center-image` 类：

.center-image {
   margin: 0 auto;
   display: block;
}

无论哪种方法，保证图片容器具备可测量的宽度并且能够控制内部元素对齐方式是很重要的。