Comment supprimer les espaces entre les images en ligne à l'aide de CSS ?

Suppression des espaces entre les images à l'aide de CSS

Le problème de l'espace entre les images lorsqu'elles sont affichées en ligne est une préoccupation courante. Par défaut, les navigateurs affichent toute séquence de caractères d'espacement (espaces, tabulations, nouvelles lignes) sous la forme d'un seul espace blanc.

Pour éliminer cet espace, CSS propose une solution simple. En définissant la propriété d'affichage des éléments de l'image sur bloquer, vous pouvez les forcer à se comporter comme des éléments de niveau bloc.

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

Cette règle CSS modifie le comportement d'affichage de toutes les images de la page, garantissant qu'elles apparaissent sur leurs propres lignes, en éliminant tout espace entre elles.

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

Avec cette règle CSS appliquée au

contenant les images, le code ci-dessus rendra les images côte à côte, sans aucun espace entre elles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

css using Property default this display issue

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn