HTML 图片居中：三种常见方法及示例

在 HTML 中，可以使用 CSS 来让图片居中。以下是几种常见的方法：

使用 CSS 的 'text-align' 属性来居中图片：

<div style='text-align: center;'>
  <img src='image.jpg' alt='图片'>
</div>

使用 CSS 的 'margin' 属性来居中图片：

<div style='display: flex; justify-content: center;'>
  <img src='image.jpg' alt='图片'>
</div>

使用 CSS 的 'position' 和 'transform' 属性来居中图片：

<div style='position: relative;'>
  <img src='image.jpg' alt='图片' style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'>
</div>

以上方法都可以让图片在其父元素中水平和垂直居中。根据具体的需求和布局，选择其中一种方法即可。