为什么这些元素没有显示:内联块正确对齐？

Question

我有一个display设置为的链接inline-block,旁边是一个<div>高度相同的链接.然而,它在<div>某种程度上向下偏移,我不知道为什么.

这是一个jsFiddle:http://jsfiddle.net/2bWjx/1/

发生了什么

#stats(灰色)显得低于a.sector one-letter.

我想要发生什么

#stats应该同样设置(顶部和底部在同一点)a.sector one-letter.

我一直在努力解决这个问题,并且可以使用一些帮助.应该是一个简单的修复!

在此先感谢您的帮助!

Answer 1

你需要添加vertical-align: top到任何有display: inline-block.

请参阅: http ://jsfiddle.net/thirtydot/2bWjx/2/

默认值vertical-align是baseline,这会导致您看到的问题.

您可以在此处查看各种可能值之间的差异:http://www.brunildo.org/test/inline-block.html