消除图片下方间隙

TIP

通过设置给 img 元素设置 vertical-align: top 消除行内元素的间隙（仅对 img 元素有用）

baselinetop

图文居中

安能摧眉折腰事权贵，使我不得开心颜

<div class="container">
  <img src="../../public/images/bg1.jpg">
  <span>安能摧眉折腰事权贵，使我不得开心颜</span>
</div>

.container{
  padding:15px 0;
  img{
    vertical-align: middle;
  }
}

TIP

参考 你所不知道的vertical-align