css - vertical-align

vertical-align 用于设置一个元素的垂直对齐方式，但它只是针对行内元素或行内块元素有效

 

 

文字与图片居中对齐：

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


<div>
  <div class="profile">
    <img src="/img/logo.png" alt="">
  </div>
    <span>LeviAckerman</span>
</div>