CSS垂直对齐图像中间的文本
可能重复：
如何使用CSS将图像旁边的文字垂直对齐？
我很难将vertically middle居中的跨度在div vertically middle 。
这个简单的代码：http://jsfiddle.net/4hDTb/
HTML：
<div class="bar">
<span>Simple text</span>
<img src="" class="img1" />
<span>Another text</span>
<img src="" class="img2" />
</div>
CSS：
.bar
{
width: 100%;
height: 50px;
border: 1px black solid;
}
.img1
{
width: 100px;
height: 50px;
border: 1px black solid;
}
.img2
{
width: 200px;
height: 50px;
border: 1px black solid;
}
如何将<span>s在div.bar中居中？
只需添加img{vertical-align:middle} 。 这是你想要对齐的图像，而不是文本。
如果你知道容器的高度 - 你可以使用line-height http://jsfiddle.net/4hDTb/3/检查小提琴..