img标签的居中方法

`<img>` 标签本身并不直接支持设置样式或者定位，因为它只是一个容器，用于插入图片资源。如果你想让图片在页面上水平和垂直居中，通常需要配合CSS来实现。这里有几种常见的方法：

1. **内联元素**：如果图片是行内元素（如`<img>`默认），可以利用CSS的`display: flex; align-items: center; justify-content: center;`来使其在其父元素内部居中。

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

2. **块级元素**：如果是块级元素，可以使用`position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);`将其置于父元素中心位置。

.img-container {
  position: relative;
}

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

3. **Flexbox布局**：如果父元素是弹性布局容器，可以使用`align-self: center;`对每个`<img>`元素进行居中。

.container {
  display: flex;
  align-items: center;
}

img {
  align-self: center;
}