html – 为什么不显示这些元素:内联块正确对齐?

前端之家收集整理的这篇文章主要介绍了html – 为什么不显示这些元素:内联块正确对齐?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个链接显示设置为内联块,旁边是一个< div>具有相同的高度.但是,< div>以某种方式出现向下偏移,我不知道为什么.

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

发生了什么

#stats(灰色)出现低于a.sector一个字母.

我想要发生什么

#stats应同等设置(顶部和底部在同一点)as.sector一个字母.

我一直在努力一段时间,并可以使用一些帮助.应该是一个简单的修复!

感谢任何帮助提前!

解决方法

您需要将vertical-align:top添加到任何已显示内容:inline-block.

见:http://jsfiddle.net/thirtydot/2bWjx/2/

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

您可以在这里看到各种可能的值之间的区别:http://www.brunildo.org/test/inline-block.html

猜你在找的HTML相关文章