CSS IEで画像の下に数ピクセルあるいは1pxの隙間ができる件

IEで画像の下に若干の隙間ができることがある。
以下のCSSで消せる。
ソース:
<p><img src="img/hoge.jpg"></p>
CSS:
  p {
  font-size:0;
  line-height:0;
  }
p img {
  display:block;
  }

要はフォントサイズを0、行高さも0、画像をブロック要素にするのがいい。
こういう場面でない場合も、これの応用で隙間はなんとか消せるはずだね。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA