CSS 图片与文字单行垂直居中

HTML

<div class="test-line" ><img src="loading.gif"><span>加载中...</span></div>

CSS

.test-line {height: 32px;line-height: 32px;}img {width: 32px;height: 32px;vertical-align: middle;}

说明

1、div 一定要设置 line-height

2、让文字居中，不是设置文字，而是 img 图片vertical-align: middle

效果