css - imgタグの挙動がおかしい

Question

ページに div のグリッドを作成するときに問題が発生しますが、グリッド内の各セルには、 や などの異なるタイプの要素を含めることができ<div></div>ます<img/>。グリッドが生成されていますが、セルの要素がほとんど異なる場合、グリッドは歪んでいます。

これが問題のフィドルの例です。

しかし、imgタグを置き換えるとdivs正常に動作します。どんな助けでも。

Answer 1

この場合vertical-align:top;、最後の要素のベースから開始するのではなく、要素をトップラインまで縮小するために使用できます。http://jsfiddle.net/22fD6/5/

Answer 2

要素に適用する必要がありますvertical-align:top。divここでフィドル：http：//jsfiddle.net/keaukraine/AQnS4/