画像の下に余白ができる


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

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

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

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


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


新着ブログ

2017年9月10日
NEWS PICKSでLikesをたくさん貰った話

2017年8月19日
人生の勝算

2017年6月14日
目的論が分からない