img标签与span一起使用不在同一条线上

布局时 img标签与span标签在同一行是不能垂直，解决办法：在 img标签添加一个  

vertical-align:middle;

即

<!-- img与span的文字与图片保持同一条水平线 在img中添加vertical-align:middle;-->
<div>
<img style="width: 50px;height: auto;vertical-align:middle;" src='../images/x_02.png'/>
<span>vvv</span>
</div>

　　

转载于:https://www.cnblogs.com/lvxisha/p/10651686.html