liに挿入されたimg画像間のギャップの問題の解決策

スタイル img{vertical-align:bottom; display:block} を直接追加します

もちろん、場合によっては機能しません。たとえば、上、中、下の 3 つの画像を追加したい場合があります。が背景として設定されています。この方法は無効です。上部と中央の画像の間の隙間がなくなっただけですが、下部と中央の間にはまだ隙間があります。方法は非常に簡単です。遭遇するさまざまな状況に応じて、vertical-align のパラメータを設定できます。

方法 1:

img{vertical-align:top; display:block}

<style>
#l1 {float:left;background:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
</style>

方法 2: コンテナのフォントサイズを 0 に設定します (個人的には、この方法が最適だと思います)。 !!!)

その他 li に img 画像を隙間をあけて挿入する ソリューションに関連する記事については、PHP 中国語 Web サイトに注目してください。