Css

Question

这里 HTML:

<div class="user-image text-center">
  <img class="avatars" src="css/img/avatar_1.jpg" alt="">
</div>

这里 CSS:

.user-image {
  height: 10vh;
  width: 15%;
  float: left;
 }

我正在尝试使我的图像在 DIV（它是一个正方形）内垂直居中，但我是初学者，找不到正确的方法。我试过 vertical-align: middle;和保证金：自动；但什么都没有。你能建议我一些方法吗？

Answer 1

使用弹性样式。

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

Css - div 中图像的垂直居中