読者です 読者をやめる 読者になる 読者になる

img要素の下の隙間問題

割りと常識ぽいんですが、img要素の下に隙間ができてしまう問題をしらなくて、それで1hほど溶かしてしまった。(flexboxのitemにimgいれてて、flexboxが原因だと思い続けてた・・・)

原因

どうやらimg要素はデフォルトで

vertical-align: baseline;

が指定されているようで、そいつのせいで下に空間ができていた模様。

解決方法

vertical-align: bottom;

こうしてやっておしまい。

ちゃんちゃん。