Comment puis-je faire en sorte que les navigateurs ignorent les espaces en HTML ?

Ignorer les espaces en HTML

En HTML, les espaces entre les éléments peuvent créer des espaces indésirables dans la sortie rendue. Pour résoudre ce problème, cette question explore des solutions pour que le navigateur ignore les espaces.

La réponse suggère d'utiliser la propriété CSS white-space-collapse: throw;. Cependant, il note que cette fonctionnalité n’est encore implémentée dans aucun navigateur. Comme alternative, la réponse suggère d'utiliser des commentaires HTML pour masquer les espaces, ce qui permet d'obtenir une structure de code plus lisible.

Exemple :

#parent_of_imgs { white-space-collapse: discard; }
<!-- This feature is not yet implemented in any browser -->

<!-- Using comments as an alternative -->
<p>
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
</p>

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!