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 件のコメント:
こんにちは。
すごく助かりました。
有り難うございます!!
いえいえ、どういたしまして。
コメントを投稿