firefox - ChromeとFirefoxの過剰なULマージン

Question

私のhtmlには、'sを含む'sを保持する生成された要素ulがあります。liimg

cssで定義されたマージンに加えて、私の間に奇妙な3px（約）過剰なマージンがあります。li

これがChromeデバッグコンソールのスナップショットです。過剰な領域は赤で囲まれています。

ulsスタイルは次のとおりです。

liのスタイルは次のとおりです。

Firefoxでもまったく同じ過剰なマージンが表示されます。

なんでそこにあるの？どうすればそれを取り除くことができますか？

Answer 1

解決しました。これは、ブラウザーが li 間の改行をレンダリングする方法です。間のスペースを削除するために、html ジェネレーターがすべての li を 1 行にレンダリングするように強制する必要がありました。