HTML5

の画像の原因不明のマージンの問題をHTML5で修正すると、ユーザーは、div要素内に囲まれた画像が不可能な3pxボトムマージンを獲得しているにもかかわらず、CSSの定義を原因としているにもかかわらず、予期しない3pxボトムマージンを獲得しました。この問題は、画像とdivの高さと幅が両方とも50pxに設定されている場合でも観察されています。ソリューションは、垂直アライインCSSプロパティを利用して、そのようなスペースが必要ないことを示すことにあります。 「ミドル」が人気のある選択肢であるため、垂直整列の価値は十分であり、

はCSSでこの修正を実装しています。 垂直アライイン：中央; }

このコードを組み込むことにより、画像は不要な底マージンを失い、予想される動作になります。実際のデモンストレーションについては、この更新されたjsfiddle：http：//jsfiddle.net/frpk6/1/.