ホームページ覚書 » IEでimgタグの下に隙間ができる

HTML・Wordpressなどの覚え書きブログ

IEでimgタグの下に隙間ができる

画像を表示させたいときにimgタグを使いますが、IEで表示させると下に指定していないにも関わらず隙間ができてしまいます。

他のブラウザでは隙間が発生しないようですが、IEで起こる特殊な現象です。

これを解決するためにはスタイルシートでimgタグにちょっとした記述が必要になります。

▼CSSファイル

img{
vertical-align: top;
vertical-align: bottom;
}

これを記述しておくだけでimgタグの下に隙間ができなくなります。

また、別の方法としてHTMLソースでimgタグを記述した後、改行せず、その行に続けてソースを書くことでも解消できます。

CSSで指定したほうが楽かと思います。