如何将内嵌图像与文本对齐？ [英] How to align inline image with text?

问题描述

我有简单的div

<div class="ui-bar-a ui-corner-top">
    first_test | Status: <img src="templates/style/images/reload.gif" />
</div>
<div class="ui-bar-a">
    sms1 | Status: <img src="templates/style/images/reload.gif" />
</div>
<div class="ui-bar-a ui-corner-bottom">
    sms2 | Status: <img src="templates/style/images/reload.gif" />
</div>

看起来像：

我需要它：

我试图设置 margin：auto align =middle，但它没有帮助

I tried to set margin:auto align="middle", but it did not help

推荐答案

试试

.ui-bar-a img{
    vertical-align: middle;
}

这篇关于如何将内嵌图像与文本对齐？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！