修改：我现在需要继续，因此我暂时将style="line-height:50px添加到第一个span项目的li元素中（{ {1}}）。如果有人看到两个网站之间存在差异，这会导致第一个nav-item--home元素忽略其<a>，请告知我们。
我正在尝试从网站顶部导航栏实现相同的样式：
在网站上：
如您所见，line-height内的第一个元素与其余元素不垂直对齐。该元素包括：
<ul>通过比较两者，我注意到<li class="nav-item nav-item--home level0 level-top active">
<a class="level-top" href="http://learn.acrobotic.com/">
<span class="ic ic-home"></span>
</a>
</li>
元素具有正确的大小（30x16）。但是，包含它的<span>元素的高度不正确为16px（54x16），因此它应为50px。它的高度应该由<a>属性设置，前提是它是一个块元素。
为了使用Developer Tools中的控制台进行调试，我通过以下方式检查CSS：
line-height然而，两个属性似乎都设置正确，因为标题提到block元素忽略了jQuery('.ic-home').parent().css('display')
"block"
jQuery('.ic-home').parent().css('line-height')
"50px"
属性。如果你可以为这个问题发光，我会感激不尽，因为这是几天撞到这堵墙。
答案 0 :(得分：0)
我在css中通过开发工具看到了这个： .menu-trigger，.nav-regular .nav-item.level0＆gt; a和图标的“a”标签设置为50px而不是其他“li a”标签设置为20px。如果你改变它就会清除。