まゆらたんぶらこ

Mar 26
Permalink

CSS(スタイルシート)で画像の下の隙間を消すには

IEで画像の下に隙間が空くのは、IEのもともとの設定でbaselineになっているからです。

その隙間というのは、アルファベットの小文字のgとかy、jなどの下の部分を表示するための隙間です。

ですからCSS(スタイルシート)でマークアップした画像に対してbaselineの設定を別のものにしてあげればよいのです。

つまりは、topかbottom。

img  {
vertical-align: top;
}

こんな風にCSS(スタイルシート)で設定してあげればその画像の下の隙間は消えるはずです。