Heim > Artikel > Web-Frontend > Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen
Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen
- 寻∝梦Original
- 2018-09-10 13:40:4818286Durchsuche
Sie möchten einige Leerzeichen in den in HTML zusammengefassten Absatzelementen belassen, aber die direkte Eingabe des Leerzeichens funktioniert definitiv nicht, da der Browser nur ein Leerzeichen anzeigt. Egal wie viele Leerzeichen Sie anklicken, es bleibt dasselbe , aber das heutige Leerzeichen Es kann Ihnen dabei vielleicht weiterhelfen. Zum Schluss gibt es noch die Rangfolge der drei Leerzeichen. Schauen wir uns diesen Artikel gemeinsam an
Schauen wir uns zunächst einmal an, wie man Leerzeichen im HTML-Absatzelement setzt:
Das kennt jeder in einem Wenn Sie im HTML-Absatz mehr Abstand zwischen Sätzen hinzufügen möchten, klicken Sie einfach auf ein Leerzeichen. In den meisten gängigen Browsern wird jedoch nur der Abstand eines kleinen Leerzeichens angezeigt, sodass beim Schreiben von Code das Leerzeichensymbol angezeigt wird Obwohl derzeit relativ wenige Leerzeichen verwendet werden, ist es im Hinblick auf die Detailverarbeitung am bequemsten, dieses Leerzeichen zu verwenden.
Jetzt schauen wir uns die Einstellung des Leerzeichens in einem Absatzelement an:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这里是PHP中文网； 这里是PHP中文网；这里是PHP中文网；
这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；这里是PHP中文网
；这里是PHP中文网；</p>
</body>
</html>Der obige Code hinterlässt nach dem ersten Satz We eine große Leerzeile Welches hat einen größeren Abstand zwischen diesem und dem Leerzeichen, das ich später verwendet habe?
Sehen wir uns das im Browser angezeigte Rendering an:
Wir können deutlich sehen, dass das erste so viele Leerzeichen verwendet. Der gestapelte Platz wird nur verwendet Zeigen Sie ein kleines Leerzeichen im Browser an. Der Effekt, das Leerzeichen danach anzuzeigen, ist viel besser, als das Leerzeichen selbst einzugeben. Das Leerzeichen wird plötzlich viel größer.
Natürlich möchten wir normalerweise keinen großen Raum leeren. Selbst wenn wir einen großen Raum leeren möchten, verwenden wir das Leerzeichen nicht. Heute sprechen wir über die Verwendung des Leerzeichens ganz zu schweigen davon, dass dieses Leerzeichen für einige faule Leute recht einfach zu verwenden ist. (Wenn Sie mehr sehen möchten, besuchen Sie die Spalte HTML Development Manual der PHP Chinese-Website, um mehr zu erfahren)
Werfen wir jetzt einen Blick darauf und es gibt zwei weitere Leerzeichen das Gleiche wie . Werfen wir einen Blick darauf:
: „en space“ ist nach der Maßeinheit der Typografie benannt und die Breite ist die Breite von zwei gewöhnlichen Leerzeichen
: „em space“ „Etwa so breit wie vier normale Leerzeichen
sind alles Leerzeichen, die keinen Einfluss auf Zeilenumbrüche haben. Sie werden etwas seltener genutzt, da sie manchmal größere Leerräume aufweisen.
Sehen wir uns die Unterschiede zwischen ihnen genauer an:
<body> <p>这里是PHP中文网；   这里是PHP中文网；这里是PHP中文网； 这里是PHP中文网；这里是PHP中 文网；   这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；</p> </body>
Drei Leerzeichen wurden hinzugefügt, schauen wir uns den Effekt an:
Drei Arten von Leerzeichen-Tags. Lassen Sie uns sie anhand des Anzeigebilds oben einstufen. Natürlich gibt es im Internet viele Leute, die dies bewerten, aber wir sagen unsere eigenen, um uns gerechter zu machen weiß es genau.
Jetzt werfen wir einen Blick auf die Rangliste gemäß dem Bild oben:
Der erste Platz, der mit dem größten Leerraum, ist natürlich , und Es ist offensichtlich, dass es sich bei allen um drei Leerzeichen handelt, was das größte ist.
Der zweite Platz, also der zweitgrößte Leerstand, ist , das ist der zweitgrößte Leerstand, fast doppelt so groß wie der letzte.
Das letzte ist natürlich das Leerzeichen, über das wir in diesem Kapitel sprechen. Obwohl der Leerraum klein ist, ist er an manchen Stellen dennoch sehr praktisch.
Okay, das war's für den heutigen Artikel über Leerzeichen. Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte HTML-Referenzhandbuch auf der chinesischen PHP-Website, um mehr zu erfahren. Wenn Sie Fragen haben, können Sie diese unten stellen.
【Empfehlung des Herausgebers】
Was sind die CSS-Pseudoelemente? Detaillierte Einführung in CSS-Pseudoelemente (mit Beispielen)
Das obige ist der detaillierte Inhalt vonWie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!