我的代码是这样的
html:
<div class="box">
<span class="logo"><span>
<span>AAAA<span>
</div>
css:
.box {
width:100%;
height: 60px;
}
.box .logo {
display: inline-block;
width: 20px;
height: 60px;
}
.box .logo+span {
display: inline-block;
width: 20px;
height: 60px;
}
给第一个span设置了一个背景图片,然后两个span就不对齐了。
解决方法:
给两个span都设置vertical-align: middle就对齐了