画像の下に余白ができる
※余白のできないブラウザもあります。


画像の下の余白ができない


キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。
※余白のできないブラウザもあります。
img
要素にvertical-align:bottom;
を指定すると、画像の下にできる余白を消すことができます。
画像一つ一つにクラスを指定するのは手間がかかるので、すべての画像に適応されるように
img{vertical-align:bottom;}
をサイトのすべてのページで読みこむCSSに書きましょう。
すべての画像に適応させても表示が崩れることはめったにありません。