Comment puis-je supprimer efficacement les espaces entre les éléments HTML ?

Ignorer les espaces en HTML : la propriété 'white-space-collapse'

Malgré la prédominance du HTML et du CSS, il est surprenant qu'il y ait n'est pas un moyen direct de demander au navigateur d'ignorer les espaces. Cela peut conduire à des situations frustrantes lorsque des éléments tels que des images sont séparés par erreur par des espaces indésirables.

La propriété 'white-space-collapse'

Bien qu'il n'existe pas de propriété universelle solution prise en charge, la propriété CSS 'white-space-collapse' offre une approche prometteuse. En définissant cette propriété sur « rejeter » sur l'élément parent des images, vous pouvez éliminer efficacement tout espace entre elles.

#parent_of_imgs { white-space-collapse: discard; }

Inconvénients

Malheureusement, cela La solution est entravée par un inconvénient important : aucun navigateur majeur (à l'état actuel des connaissances) n'a implémenté la propriété 'white-space-collapse'. Cela signifie que malgré son efficacité potentielle, il reste peu pratique pour une utilisation généralisée.

Solution alternative

Comme alternative, vous pouvez recourir à l'ajout de commentaires HTML entre les images . Bien qu'elle ne soit pas idéale, cette technique peut empêcher le navigateur d'afficher des espaces visibles.

<p>
  <!--
    --> <img src="." alt="" /> <!--
    --> <img src="." alt="" /> <!--
    --> <img src="." alt="" /> <!--
    --> <img src="." alt="" /> <!--
  -->
</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!