Html css-忽略线条高度的块元素

编辑：我现在需要继续，所以我临时将

style=“line height:50px

添加到第一个

li

项目（

nav item--home

）的

span

元素中。如果有人看到这两个站点之间的差异，那么第一个

现场：


如您所见，
中的第一个元素没有与其余元素垂直对齐。该元素包括：

<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>

然而，这两个属性似乎都设置正确，因为标题提到block元素忽略了
行高属性。如果您能了解这个问题，我将不胜感激，因为这几天我的头撞到了这堵墙上。
我在css中通过开发工具看到：
.menu trigger、.nav regular.nav-item.level0>a，在图标的“a”标记中设置为50px，而在其他的“li a”标记中设置为20px。如果您更改它，它将被清除。
否，我正在使用JavaScript调试CSS。我将在帖子中对此进行澄清。内联元素（如
a
标记）不应包含块元素（即使是标记为
display:block
）的
span
标记，也可能会解释这种奇怪的行为。试着在
li
上加上行高？更多信息：@ErtySeidohl这并不能真正解释为什么它们工作，它们的代码完全相同（据我所知）除了字体之外。添加行高也不起作用。你有没有想过？有类似的问题。据我所知，所有
的行高都是由CSS规则
设置的。菜单触发器，.nav regular.nav-item.level0>a
到
50px
。
jQuery('.ic-home').parent().css('display')
"block"

jQuery('.ic-home').parent().css('line-height')
"50px"