vertical-align:middle实现图片与文字垂直居中对齐

css代码：

header .logo{
display:inline-block;
margin-left: 10px;
width: 15%;
line-height: 9.1rem;
background: #eee;
}
header .logo a span{
font-size: 2.1rem;
vertical-align:middle;
}
header .logo img{
width: 70px;
height: 70px;
vertical-align:middle;
}

　　html代码：

    <div class="logo">
        <a href="#"><img src="images/logo.png" alt="#"><span>新世界</span></a>
    </div>

 

效果：

转载于:https://www.cnblogs.com/mlh1421/p/7056548.html