在这些示例中(注意:确保将结果窗口拖出足够宽)
http://jsfiddle.net/pPyaG/
http://jsfiddle.net/pPyaG/1/
http://jsfiddle.net/pPyaG/2/
为什么内联块元素内的文本数量会影响同一 div 中内联块的位置?
我该怎么做才能确保嵌套在块元素内的所有内联块彼此具有相同的垂直对齐方式?
Add vertical-align: top
你在哪里display: inline-block
.
http://jsfiddle.net/thirtydot/pPyaG/3/
初始值vertical-align
is baseline
,这会导致您遇到的问题。
阅读本文,特别是“基线”部分:http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
比较常见的值vertical-align
look: http://www.brunildo.org/test/inline-block.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)