为什么这些带有 display:inline-block 的元素没有正确对齐？
我有一个将 display 设置为 inline-block 的链接，旁边是一个具有相同高度的
这是一个 jsFiddle： http://jsfiddle.net/2bWjx/1/
发生了什么
# stats（灰色）低于a.sector one-letter。
我想要发生的情况
#stats 应该与 a.sector one-letter 同等设置（顶部和底部在同一点）。
我已经为此苦苦挣扎了一段时间，并且需要一些帮助。应该是一个简单的修复！
感谢您提前提供任何帮助！
I have a link with display set to inline-block, and next to it is a <div> with the same height. However, the <div> is somehow appearing offset downwards, and I'm not sure why.
Here's a jsFiddle: http://jsfiddle.net/2bWjx/1/
What's happening
#stats (grey) is appearing lower down than a.sector one-letter.
What I want to happen
#stats should be equally set (top and bottom at the same point) as a.sector one-letter.
I've been struggling with this for a while, and could use some help. Should be a simple fix!
Thanks for any help in advance!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您需要将
vertical-align: top添加到具有display: inline-block的内容。参见： http://jsfiddle.net/thirtydot/2bWjx/2/< /a>
默认的
vertical-align是baseline，这会导致您遇到的问题。您可以在此处查看各种可能值之间的差异： http://www.brunildo.org /test/inline-block.html
You need to add
vertical-align: topto whatever hasdisplay: inline-block.See: http://jsfiddle.net/thirtydot/2bWjx/2/
The default
vertical-alignisbaseline, which causes the problem you're seeing.You can see the difference between the various possible values here: http://www.brunildo.org/test/inline-block.html