【CSS】画像の下に出来るデフォルトの余白を消す方法

CSS

今回は、「画像の下に出来るデフォルトの余白を消す方法」について紹介したいと思います!

【CSS】画像の下に出来るデフォルトの余白を消す方法

以下のように、画像の下に出来る余白を見たことがあるのではないでしょうか?

画像の下に表示されるデフォルトの余白を消すには「vertical-align: bottom;」を画像に指定してあげればOK!

初めからリセットCSSに

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
img {
vertical-align: bottom;
}
img { vertical-align: bottom; }
img {
    vertical-align: bottom;
}

を指定しておくといいでしょう。