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

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