div中垂直居中的图像

<div style="display: flex; align-items: center; justify-content: center;">
  <img src="image.jpg" alt="垂直居中的图像">
</div>

<div style="position: relative;">
  <img style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" src="image.jpg" alt="垂直居中的图像">
</div>

<div style="display: table; width: 100%;">
  <div style="display: table-cell; vertical-align: middle; text-align: center;">
    <img src="image.jpg" alt="垂直居中的图像">
  </div>
</div>