サイトを作ってるときに画像の下に謎の余白が出来ていて、marginやpaddingをどうやっても消えてくれないということがありました。 解決策を見つけましたのでご紹介します。CSSに一行加えるだけの簡単な作業で済みます。 画像の下に出来る謎の余白を消す まず、「画像の下に出来る謎の余白」とはなにか、こちらの画像をごらんください。 ▼こちらが画像の下に出来た余白に何の対処もしてないものです。このように画像とその次の箱の間に隙間が出来て背景が見えてしまってます。 これを消すためには下記のように記述するだけでおっけーです。2パターン紹介します。 img { vertical-align: bottom; } img { display: block; } 上記のいずれかをお使いください。 で、上記のまま書いちゃうと「そのサイト内のすべての画像が対象」になってしまうので、隙間が邪魔だと感じるときだ
![【CSS】画像の下に出来る余白を消す方法 - ディレイマニア](https://cdn-ak-scissors.b.st-hatena.com/image/square/6866a74f7a116783d6b408eea0eca5a0fee3d9fd/height=288;version=1;width=512/https%3A%2F%2Fdelaymania.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Fcss-img-bottom-eyecatch.png)