在这些示例中(注意:确保将结果窗口拖得足够宽)
为什么内联块元素中的文本数量会影响同一div中内联块的位置?
我该怎样做才能确保嵌套在块元素中的所有内联块具有相同的垂直对齐方式?
答案 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