ネットで話題のニュースを紹介

Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法

IEでは問題ないのですが、Firefoxで見ると上の画像と下の画像の間にすき間が出来てしまう時の対処法です。

例えばこんな場合。
h2とimgの間に謎のスペースが生まれることがあります。

上下の画像にすき間が出来てしまう時の解決策

CSSで”line-height:0″を指定すれば解消されます。

ただし、ボックス内にテキストがある場合は行間が詰まってしまうので注意。
先の例ですと「.Rbox」ではなく「.Rbox h2」に”line-height:0″を入れると綺麗に表示されました。

関連する記事

コメント

※コメントは承認制のためすぐには反映されません。