为什么嵌套在块元素中的几个内联块的innerHTML会影响内联块的定位?

时间:2012-02-22 22:54:34

标签: css

在这些示例中(注意:确保将结果窗口拖得足够宽)

http://jsfiddle.net/pPyaG/

http://jsfiddle.net/pPyaG/1/

http://jsfiddle.net/pPyaG/2/

为什么内联块元素中的文本数量会影响同一div中内联块的位置?

我该怎样做才能确保嵌套在块元素中的所有内联块具有相同的垂直对齐方式?

1 个答案:

答案 0 :(得分:3)

vertical-align: top添加到display: inline-block

http://jsfiddle.net/thirtydot/pPyaG/3/

vertical-align的初始值为baseline,这会导致您遇到的问题。

阅读本文,特别是“基线”部分:http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

比较vertical-align的常见值:http://www.brunildo.org/test/inline-block.html