css - Firefoxは、そこにあるべきではないパディングを少し追加します。どうすればそれを回避できますか？

Question

私のホームページはSafariとChromeで問題なく表示されますが、Firefoxでは画像間に余分なスペースがあります。それを取り除く方法について何か考えはありますか？これは私が取り組んでいるウェブサイトです。

Answer 1

画像はインライン コンテンツとして表示され、大きな文字のようにレンダリングされるため、画像の行の間には白い横縞があります。

さまざまな解決策があります。ここで最も簡単なのは、おそらく CSS ルールを追加することです

img { display: block; }

これにより、画像はテキストのように処理されない要素をブロックします。

Answer 2

画像はインライン要素であるため、ソースにスペースがある場合はレンダリングされます。空白を削除してみてください:

<img /><img />

<!-- or -->

<img /><!--
--><img />

または、ここにリストされている他の多くの手法のいずれかを試してください: http://css-tricks.com/fighting-the-space-between-inline-block-elements/