奇怪的垂直间距与内联块和垂直对齐

Question

当我在它们上面使用垂直对齐中间时，我在内联块元素上面有一个奇怪的间距问题。这就像扩展父容器的顶部2px边距。使用默认垂直对齐时，元素上方不会出现空间，并且不会展开父容器。我创建了一个示例来演示问题：

http://cdpn.io/BKndk

感谢您的帮助。

Answer 1

这是因为您将vertical-align：middle应用于“a”元素而不是父元素nav组件。如果从“a”元素中删除它并将其添加到nav类，它应该按预期工作。