Comment supprimer les espaces entre les images en ligne à l'aide de CSS ?-tutoriel CSS-php.cn

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

Mary-Kate Olsen

Libérer： 2024-11-03 22:00:03

original

760 Les gens l'ont consulté

How to Remove Spaces Between Inline Images Using 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>

Copier après la connexion

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>

Copier après la connexion

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!