为什么我的徽标周围有这么多间距?我在ul上将padding和margin设置为0,我想不出其他原因。
<div id="menubar">
<ul>
<li class="logo"><img src="http://i64.tinypic.com/opmt95.png"/></li>
<li>File</li>
<li>Edit</li>
<li>Help</li>
</ul>
</div>
#menubar {
padding: 0;
margin: 0;
}
#menubar li {
display: inline-block;
}
#menubar ul {
vertical-align: center;
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
#menubar ul .logo img {
background-color: orange;
height: 75px;
}