Bootstrap 图片居中 - 使用 d-flex 和 align-items-center 实现

<img src="img/pve.png" alt="" style="width: 40px;height: 40px" class="d-block mx-auto"></div> 要将图片居中，可以使用 Bootstrap 的 d-flex 和 align-items-center 类。将图片放在一个 d-flex 容器中，并使用 align-items-center 类将其垂直居中。

示例代码如下：

<div class="d-flex align-items-center">
  <img src="img/pve.png" alt="" style="width: 40px;height: 40px" class="d-block mx-auto">
</div>

在上面的代码中，d-flex 类将容器设置为弹性容器，align-items-center 类将图片垂直居中。使用 mx-auto 类将图片水平居中。

注意：为了使图片水平居中，需要将其包装在一个块级元素中，比如 div，并为该元素添加 mx-auto 类。