HTML5で画像(img要素)の下に隙間ができる!

2014/08/04

こんにちは。
今回はHTML5で画像(img要素)の下に隙間ができる時の対処法のメモ書きです。

調べてみるとHTML5でブロック要素にimgタグ入れている場合に、画像の下に隙間ができるのです。
下記のように、imgタグにvertical-align: bottom;を設定すると隙間がなくなります。

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

以上でHTML5で画像(img要素)の下に隙間ができる時の対処法のメモ書きでした。

topへ戻る