画像の下に余白ができる


画像の下に何故か余白があって困ったことありませんか?

画像はインライン要素ですので、特に指定をしないと配置されるのはベースラインになります。

なので以下のように指定すると余白が無くなります。

img{
 vertical-align: bottom;
}
display:blockでも良いですが、text-alignなどが効かなくなるのでこれが便利です。


投稿日時:2016年4月19日 15:38  更新日時:2016年4月19日 15:39