li_CSS/HTMLに挿入されたimg画像間のギャップの解決策

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

もちろん、うまくいかない場合もあります。たとえば、上、中、下の 3 つの写真を追加したいのですが、真ん中の写真が背景として設定されています。この方法は無効であることがわかりました。上の写真と真ん中の写真の間の隙間がなくなっていること、そして下の写真と真ん中の写真の間の隙間がなくなっていることです。まだ間に何かがあります。方法は非常に簡単です。vertical-align:bottomをtopに変更します。垂直方向のパラメータを設定できます。」 - 遭遇するさまざまな状況に応じて調整してください。

方法 1:

コードをコピー コードは次のとおりです。

img{vertical-align:top;表示:ブロック }

コードをコピー コードは次のとおりです。

方法 2: コンテナーの font-size:0 を設定します (個人的には、この方法が最良だと思います!!!)