Comment combler les écarts entre les images

Dans le projet h, il y a des écarts d'environ 3 pixels entre plusieurs balises img. Alors, comment le résoudre ? L'éditeur ci-dessous partagera avec vous la solution parfaite aux écarts entre les images en HTML5. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

En travaillant récemment sur un projet h5, j'ai rencontré un problème déroutant. Il y a un écart d'environ 3 pixels entre plusieurs balises img

Comme indiqué :

Plus tard, Baidu l'a vérifié et a à peu près compris la raison. C'est parce que le navigateur traite l'élément comme un mot, et l'écart est encore long après avoir donné quelques lettres alignées. . Une section (telle que j, g) est réservée. J'ai également trouvé plusieurs solutions réalisables pour des tests personnels.

1, définissez la taille de police du corps sur 0

Ce faisant, n'oubliez pas de spécifier la taille de police de l'élément lors de l'écriture de p ci-dessous.

2. Écrivez

  <img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_07.jpg"  class="lazy"   alt="Comment combler les écarts entre les images" >
    <img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_11.png"  class="lazy"    alt="Comment combler les écarts entre les images" >
    <img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_08.jpg"  class="lazy"   alt="Comment combler les écarts entre les images" >

comme

<img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_07.jpg"  class="lazy"   alt="Comment combler les écarts entre les images" ><img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_11.png"  class="lazy"   alt="Comment combler les écarts entre les images" ><img  src="/static/imghwm/default1.png"  data-src="assets/img/turntable/lucky-turntable_08.jpg"  class="lazy"   alt="Comment combler les écarts entre les images" >

En d'autres termes, écrivez les balises img sur la même ligne, sans espaces au milieu

Avez-vous appris cela ? Dépêchez-vous et essayez-le.

Recommandations associées :

Comment utiliser CSS pour redimensionner automatiquement la hauteur d'une image

Comment insérer une image en html

Explication détaillée de l'utilisation des marges externes CSS

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!