块内或者行内图片与文字居中对齐

html:

<p class="btnUp"><img src="img/icon_gas_72X72@2x.png"><span>下载云门APP</span></p>

css:

.btnUp img{

  height: 72px;
}
.btnUp span{
  display: inline-block;
  height: 72px;
  line-height: 72px;
  vertical-align: top;
}

 

这里需要注意的是这是span转换为了行内块,然后才用vertical-align来实现。

 

posted @ 2019-10-08 02:06  蛋蛋超人z  阅读(335)  评论(0编辑  收藏  举报