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

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

vertical-align:middle;


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

  

原文地址:https://www.cnblogs.com/lvxisha/p/10651686.html