CSSを使用して画像間の空白を削除するにはどうすればよいですか?

CSS を使用して画像間の空白を削除する

HTML で複数の画像を連続して表示する場合、画像を区切る不要な空白が発生することがあります。このギャップは、コンテンツをレンダリングするときにスペース、改行、タブを単一の空白として扱うブラウザのデフォルトのインライン動作によって発生します。

CSS を使用してこの空白を効果的に削除するには、次の表示プロパティを設定することを検討してください。ブロックする画像。この変更により、画像が強制的に 1 行を占めるようになり、前後の空白が削除されます。

<div class="nospace">
    <img  src="/static/imghwm/default1.png" data-src="image1.jpg" class="lazy"   style="max-width:90%" alt="CSSを使用して画像間の空白を削除するにはどうすればよいですか?" >
    <img  src="/static/imghwm/default1.png" data-src="image2.jpg" class="lazy"   style="max-width:90%" alt="CSSを使用して画像間の空白を削除するにはどうすればよいですか?" >
</div>

「display: block;」を適用することにより、画像にスタイル ルールを適用すると、画像がブロック レベルの要素として動作し、利用可能な幅全体を埋めて相互に積み重ねられるようになります。このアプローチにより、それらの間にある潜在的な空白が効果的に削除されます。

以上がCSSを使用して画像間の空白を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。