html - 带有内联块和垂直对齐的奇怪垂直间距

Question

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

http://cdpn.io/BKndk

谢谢您的帮助。

Answer 1

这是因为您将 vertical-align: middle 应用于“a”元素而不是父元素导航容器。如果您从“a”元素中删除它并将其添加到您的导航类中，它应该可以按预期工作。