ブロック要素にネストされた複数のインラインブロックのinnerHTMLがインラインブロックの配置に影響するのはなぜですか？これらの例では

Question

（注：あなたは十分な広結果窓の外にドラッグしてください）

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

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

http://jsfiddle.net/pPyaG/をなぜインラインブロック要素内のテキストの量同じdiv内のインラインブロックの配置に影響を与えますか？

block要素内にネストされたすべてのインラインブロックが互いに同じ垂直配置を持つようにするにはどうすればよいですか？

Answer 1

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