Lösung des Leerzeichenproblems in 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>

Warum unterscheiden sich die Abstände zwischen Symbolen und Text bei den drei oben genannten Schreibmethoden? Hängt es mit dem Inline-Block-Symbol und den Zeilenumbrüchen zusammen? Wenn ich 5 Zeilen

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

ändere, sind die beiden oben genannten Effekte gleich, warum?

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

nasp hat den gleichen Effekt wie das tatsächlich eingegebene Leerzeichen. Warum also nbsp verwenden?

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

Warum haben 1 Leerzeichen und 1 NBSP und 5 Leerzeichen und 1 NBSP den gleichen Effekt?

Wenn der Browser das HTML-Dokument analysiert, werden mehrere verbundene Leerzeichen, Wagenrückläufe oder TAB direkt in eins analysiert...

Inline-Elemente (span, b, a usw.) ) oder Wagenrückläufe werden als Leerzeichen analysiert, sodass der erste Codeabschnitt äquivalent ist zu:

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

Normalerweise schneidet HTML die Leerzeichen im Dokument ab. Wenn Sie 10 aufeinanderfolgende Leerzeichen in das Dokument eingeben, entfernt HTML 9 davon. Wenn Sie verwenden, können Sie dem Dokument Leerzeichen hinzufügen.

nbsp ist die Abkürzung für English Non-Breaking SPace, was direkt als „Non-Breaking Space“ übersetzt werden kann. HTML verwendet „ zur Darstellung eines Leerzeichens (1 Leerzeichen in Englisch). Ein chinesisches Zeichen belegt 2 englische Zeichen, d. h. zwei „ werden verwendet.

Leerzeichen im DOM verursachen große Probleme bei der Verarbeitung der Knotenstruktur.
In der Mozilla-Software werden alle Leerzeichen der Originaldatei im DOM angezeigt (mit Ausnahme der in Tags enthaltenen Leerzeichen). Diese Verarbeitungsmethode ist einerseits notwendig, um Texte im Editor linear anzuordnen, andererseits kann auch White-Space:pre in CSS eine Rolle spielen.
Das bedeutet:
-Einige Leerzeichen werden zu einem eigenen Textknoten.
-Einige Leerzeichen werden mit anderen Textknoten zu einem Textknoten kombiniert.

Internet Explorer ignoriert Leerzeichen-Textknoten (z. B. Zeilenumbrüche), die zwischen Knoten generiert werden, andere Browser jedoch nicht.

Das obige ist der detaillierte Inhalt vonLösung des Leerzeichenproblems in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!