So fügen Sie Leerzeichen in HTML ein

Bei der Frontend-Entwicklung müssen Sie manchmal Leerzeichen zur Seite hinzufügen. Wie fügt man diese also hinzu? Dieser Artikel stellt Ihnen die Methode zum Einfügen von Leerzeichen in HTML-Seiten vor. Ich hoffe, dass er für Sie hilfreich ist. [Empfohlene verwandte Video-Tutorials: HTML-Tutorial]

1. Geben Sie Leerzeichen

in die HTML-Seite ein Fügen Sie Leerzeichen ein, indem Sie die „Leertaste“ drücken.

Beispiel: Geben Sie ein Leerzeichen in p.p1 und fünf Leerzeichen in p.p2 ein. Hinweis: Geben Sie zu diesem Zeitpunkt „Leerzeichen“ in halber Breite ein

<p class="p1">测试文字| php中文网！</p>
<p class="p2">测试文字|     php中文网！</p>

Effektbild:

Es ist ersichtlich, dass es egal ist, ob wir tippen 1 Leerzeichen in HTML Oder 5 Leerzeichen oder mehrere andere Leerzeichen, der Webbrowser reduziert diese Leerzeichen automatisch auf nur ein Leerzeichen.

Wie zeigen wir also mehrere eingegebene Leerzeichen an? Sie können die „Leertaste“ in voller Breite eingeben, zum Beispiel:

<p class="p1">测试文字|　php中文网！</p>
<p class="p2">测试文字|　　　　　　php中文网！</p>

Effektbild:

Hinweis: Leerzeichen in voller Breite werden verwendet werden als chinesische Schriftzeichen interpretiert, mit Leerzeichen. Es wird in Form chinesischer Schriftzeichen und in reellen Zahlen angezeigt (es werden so viele angezeigt, wie es gibt).

Oder verwenden Sie das

-Tag, um dieses Problem zu lösen (geben Sie „Leerzeichen“ in halber Breite ein), zum Beispiel: <pre class="brush:html;toolbar:false"><p class="p1">
    <pre class="brush:php;toolbar:false">测试文字| php中文网！

    

测试文字|     php中文网！

Rendering:

2. Verwenden Sie das Leerzeichen von HTML

Wir können die Zeichenentitäten, die Leerzeichen in HTML darstellen, verwenden, um Leerzeichen in die HTML-Seite einzufügen html:

 Zeichen: ein fortlaufendes Leerzeichen. Die Breite dieses Leerzeichens wird durch die Schriftart beeinflusst.

 Zeichen: Geben Sie im Vollbreitenmodus eine halbe „Leertaste“ (halbe Breite eines chinesischen Zeichens) ein.

 Zeichen: Geben Sie die „Leertaste“ in voller Breite ein (Breite eines chinesischen Zeichens).

Sehen wir uns den Effekt an:

<p class="p1">测试文字|  字符nbsp显示空格！</p><br /
<p class="p2">测试文字|&ensp;字符ensp显示空格！</p><br />
<p class="p3">测试文字|&emsp;字符emnsp显示空格！</p>

Rendering:

Erklärung:   Die belegte Breite wird grundsätzlich nicht von der Schriftart beeinflusst und ist recht robust.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonSo fügen Sie Leerzeichen in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!