【css对齐】块内或者行内图片与文字居中对齐最靠谱的方式!

块内或者行内图片与文字居中对齐最靠谱的方式!

做图片与文字在一行的按钮时候最常用到,总结了一个靠谱的方法,终于可以完美的对齐下面给个代码

首先是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;
}

最后的效果图如下:

【css对齐】块内或者行内图片与文字居中对齐最靠谱的方式!

上一篇:七:理解控件的运行机制(例:基于CompositeControl命名空间的控件)


下一篇:Svg 画图(电池)