画像を表示させたいときにimgタグを使いますが、IEで表示させると下に指定していないにも関わらず隙間ができてしまいます。
他のブラウザでは隙間が発生しないようですが、IEで起こる特殊な現象です。
これを解決するためにはスタイルシートでimgタグにちょっとした記述が必要になります。
▼CSSファイル
img{
vertical-align: top;
vertical-align: bottom;
}
これを記述しておくだけでimgタグの下に隙間ができなくなります。
また、別の方法としてHTMLソースでimgタグを記述した後、改行せず、その行に続けてソースを書くことでも解消できます。
CSSで指定したほうが楽かと思います。
関連する投稿
Comment and Pinging is not permitted.