CSSを使用してインライン画像間のスペースを削除するにはどうすればよいですか?

CSS を使用した画像間のスペースの削除

インライン表示時の画像間のスペースの問題は、一般的な懸念事項です。デフォルトでは、ブラウザは一連の空白文字 (スペース、タブ、改行) を 1 つの空白として表示します。

このスペースを削除するために、CSS は簡単なソリューションを提供します。画像要素の表示プロパティをブロックに設定すると、それらの要素がブロックレベルの要素のように動作するように強制できます。

<code class="css">img {
  display: block;
}</code>

この CSS ルールは、ページ上のすべての画像の表示動作を変更し、画像が確実に表示されるようにします。

<code class="html"><div class="nospace">
    <img src="..." />
    <img src="..." />
</div></code>

この CSS ルールを

に適用すると、それらの間の空白が削除されます。画像を含む場合、上記のコードは画像を間にスペースを入れずに並べてレンダリングします。

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

css using Property default this display issue

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。