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

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

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

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

▼CSSファイル

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

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

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

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

関連する投稿
Tag : 
Category:HTMLNo Comments
Comment and Pinging is not permitted.

Copyright ホームページ覚書 All Rights Reserved.
Template by ホームページ覚書.