Résoudre le problème des espaces en HTML

<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>

Pourquoi les distances entre les icônes et le texte sont-elles différentes dans les trois méthodes d'écriture ci-dessus ? Est-ce lié à l'icône de bloc en ligne et aux sauts de ligne ? Si je change 5 lignes

<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>
<h2><span class="glyphicon glyphicon-send"></span> 联系我们</h2>

les deux effets ci-dessus sont les mêmes, pourquoi ?

<h2><span class="glyphicon glyphicon-send"></span>   联系我们</h2>

nasp a le même effet que l'espace réel saisi, alors pourquoi utiliser nbsp ?

<h2><span class="glyphicon glyphicon-send"></span>  联系我们</h2>
<h2><span class="glyphicon glyphicon-send"></span>       联系我们</h2>

Pourquoi 1 espace et 1 nbsp et 5 espaces et 1 nbsp ont-ils le même effet ?

Lorsque le navigateur analyse le document HTML, plusieurs espaces, retours chariot ou TAB connectés seront directement analysés en un seul...

Éléments en ligne (span, b, a, etc.) ) ou les retours chariot seront analysés comme des espaces, donc le premier morceau de code est équivalent à :

 联系我们
  联系我们
<h2><span class="glyphicon glyphicon-send"></span>   联系我们</h2>

Normalement, HTML supprimera les espaces dans le document. Si vous saisissez 10 espaces consécutifs dans le document, HTML en supprimera 9. Si vous utilisez , vous pouvez ajouter des espaces au document.

nbsp est l'abréviation de l'anglais Non-Breaking SPace, qui peut être directement traduit par "espace insécable". Utilisé en HTML pour représenter 1 caractère d'espace (1 caractère d'espace en anglais), et 1 caractère chinois occupe 2 caractères anglais, soit deux .

Les caractères d'espacement dans le DOM causeront beaucoup de problèmes lors du traitement de la structure des nœuds.
Dans le logiciel Mozilla, tous les caractères d'espacement du fichier d'origine apparaîtront dans le DOM (à l'exclusion des caractères d'espacement contenus dans les balises). Cette méthode de traitement est nécessaire, d'une part, le texte peut être disposé de manière linéaire dans l'éditeur, et d'autre part, les espaces blancs : pre en CSS peuvent également jouer un rôle.
Cela signifie :
-Certains caractères d'espacement deviendront un nœud de texte à part entière.
-Certains caractères d'espacement seront combinés avec d'autres nœuds de texte en un seul nœud de texte.

Internet Explorer ignore les nœuds de texte d'espacement (par exemple les nouvelles lignes) générés entre les nœuds, mais pas les autres navigateurs.

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!