文本、input、img同行垂直居中

文本、input、img在同一行时图片是靠上，文字、input靠下，只需设置容器vertical-align：middle、line-height、height，以及容器中元素vertical-align即可实现垂直居中，样式如下：

 

<style type='text/css'>
.content{vertical-align: middle; line-height: 50px; height: 50px;}
.content img{vertical-align: middle;}
.content input{vertical-align: middle;}
</style>

 

<div class="content">
	QQ黄钻特权等虚拟商品免费大赠送
	<img src="1.gif" />
</div>
<div class="content">
	<input type="button" value=" button ">
	<img src="1.gif" />
</div>