2007年12月7日金曜日

Firefoxでの上の画像と下の画像のすき間を無くす方法

Webページで画像を縦に並べて表示した場合、IEでは問題ないがFirefoxでは間にすき間が空いてしまうことがある。

<div>
<img src="fx.png" alt="test" /><br />
<img src="fx.png" alt="test" />
</div>


このすき間を無くすには、スタイルシートで"line-height:0"を指定すればよい。
<div style="line-height:0;">
<img src="fx.png" alt="test" /><br />
<img src="fx.png" alt="test" />
</div>




テキストも表示している場合はline-heightの指定場所など工夫が必要かも。

2 件のコメント:

エルモエルモ さんのコメント...

こんにちは。
すごく助かりました。
有り難うございます!!

admin さんのコメント...

いえいえ、どういたしまして。

ブログ アーカイブ

tags