Utiliser CSS pour supprimer l’espace entre les images

Donné:

  

Le résultat est deux images avec un seul espace entre elles. Il semble que le comportement normal consiste à afficher un nombre quelconque d’espaces, de nouvelles lignes et d’tabs sous la forme d’un espace blanc unique. Je sais que je peux faire ce qui suit:

  

OU

  

OU

  

Ou n’importe quel autre piratage. Est-il possible de supprimer cet espace avec CSS? par exemple

 

Faites-les display: block dans votre CSS.

Un moyen facile et compatible est de définir font-size: 0 sur le conteneur, à condition de ne pas avoir à définir de nœuds de texte descendants (bien que cela soit sortingvial si nécessaire).

 .nospace { font-size: 0; } 

jsfiddle .

Vous pouvez également passer de l’ display: inline par défaut display: inline en block ou inline-block . Veillez à utiliser les solutions de contournement requirejses pour <= IE7 (et éventuellement les anciens Firefox) pour que inline-block en ligne fonctionne.

La meilleure solution que j’ai trouvée pour cela est de les contenir dans un div parent et de lui donner une taille de police de 0.

Je préfère faire comme ça

 img { float: left; } 

supprimer l’espace entre les images

J’ai trouvé que la seule option qui fonctionnait pour moi était

 font-size:0; 

J’utilisais aussi le overflow et l’ white-space: nowrap; float: left; white-space: nowrap; float: left; semble bousiller les choses