Comment résoudre les lacunes dans les images dans H5

Cette fois, je vais vous expliquer comment résoudre les lacunes dans les images en H5. Quelles sont les précautions pour résoudre les lacunes dans les images H5. Voici des cas pratiques. un regard.

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

Plus tard, Baidu l'a vérifié. Maintenant, je l'ai vérifié. comprendre à peu près la raison. C'est parce que le navigateur traite les éléments comme des mots, et les espaces sont réservés à certaines lettres qui grandissent encore un peu après les avoir alignés (comme j, g). J'ai également trouvé plusieurs solutions réalisables pour des tests personnels.

1, définissez la font-size du corps à 0

En faisant cela, n'oubliez pas de spécifier la taille de la police de l'élément lors de l'écriture du div ci-dessous.

2, écrivez

<img src="assets/img/turntable/lucky-turntable_07.jpg">
  <img src="assets/img/turntable/lucky-turntable_11.png" >
  <img src="assets/img/turntable/lucky-turntable_08.jpg">

comme

<img src="assets/img/turntable/lucky-turntable_07.jpg"><img src="assets/img/turntable/lucky-turntable_11.png"><img src="assets/img/turntable/lucky-turntable_08.jpg">

c'est-à-dire, écrivez la balise img sur la même ligne, sans espaces au milieu

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser les balises vidéo et audio et les barres de progression dans H5

Nouvelle interaction entre H5 et C3 Quelles sont les fonctionnalités

Résumé des balises au niveau du bloc H5

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!