在div内水平居中显示图像

<style>
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>

<div class="container">
  <img src="image.jpg" alt="图像">
</div>

<style>
  .container {
    text-align: center;
  }

  .container img {
    display: inline-block;
    vertical-align: middle;
  }
</style>

<div class="container">
  <img src="image.jpg" alt="图像">
</div>