为什么display:inline-block的元素无法正确对齐？

Question

11

我有一个链接，display 设置为 inline-block，旁边是一个高度相同的 <div>，但是这个 <div> 出现了向下偏移，我不知道原因。

#stats（灰色）比 a.sector one-letter 低出来。

#stats 应该与 a.sector one-letter 等高（顶部和底部在同一位置）。

我一直在苦苦挣扎，需要帮助，应该是个简单的修复！

非常感谢您的任何帮助！

- element119

可能是CSS内联块元素未正确对齐的重复问题（这个问题更早，但另一个问题更“流行”）。 - Oriol

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- thirtydot · Accepted Answer

您需要在具有display: inline-block的元素中添加vertical-align: top。

默认的vertical-align是baseline，这会导致您看到的问题。

您可以在此处查看各种可能值之间的差异。