在 HTML 中，可以使用 CSS 来让图片居中。有几种方法可以实现这个效果，下面将介绍其中的一些方法。

1. 使用 Flexbox：

   <div style="display: flex; justify-content: center; align-items: center;">  <img src="path/to/image.jpg" alt="Image" /></div>

   这种方法使用 Flexbox 的 justify-content 和 align-items 属性来使图片在水平和垂直方向上都居中。

2. 使用绝对定位：

   <div style="position: relative;">  <img src="path/to/image.jpg" alt="Image" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" /></div>

   这种方法使用绝对定位，并且将图片的左上角定位在父容器的中心，然后使用 transform 属性对图片进行偏移，使其在父容器中居中对齐。

3. 使用表格布局：

   <table style="width: 100%;">  <tr>    <td style="text-align: center;">      <img src="path/to/image.jpg" alt="Image" />    </td>  </tr></table>

   这种方法使用表格布局，将图片放在表格单元格中，并将单元格的文本对齐方式设置为居中。

4. 使用 Grid 布局：

   <div style="display: grid; place-items: center;">  <img src="path/to/image.jpg" alt="Image" /></div>

   这种方法使用 Grid 布局的 place-items 属性来使图片在容器中水平和垂直方向都居中。

无论使用哪种方法，都可以根据实际情况来调整容器和图片的样式，以适应不同的布局需求。