在HTML中，有多种方法可以实现图片的垂直居中。以下是几种常见的方法：
使用Flex布局
通过设置父元素的 `display` 属性为 `flex`，并将 `align-items` 属性设为 `center`，可以轻松实现图片的垂直居中。这种方法适用于现代浏览器，并且非常灵活。
使用绝对定位
如果已知图片的宽度和高度，可以使用绝对定位将图片放置在父元素的中心位置。这种方法需要设置父元素的 `position` 属性为 `relative`，图片的 `position` 属性为 `absolute`，并使用 `top: 50%` 和 `transform: translateY（-50%）` 来调整图片的位置。
使用表格布局
利用CSS的 `table` 和 `table-cell` 属性，可以将图片垂直居中对齐。这种方法虽然有效，但不如Flex布局现代和灵活。
使用 `text-align: center` 和 `line-height`
将父元素的 `text-align` 属性设置为 `center`，并将 `line-height` 设置为与父元素高度相同，可以实现图片的垂直居中。这种方法适用于单行文本和图片的组合。
示例代码
```html