Leerzeichenverarbeitung in HTML/CSS und wie Leerzeichen auf der Seite beibehalten werden

<p> fly63 com </p>

<pre> fly63 com </pre>

 fly63   com 

SS-Platz reserviert

1. Wenn in CSS der Eigenschaftswert für Leerzeichen voreingestellt ist, wird er auf die gleiche Weise wie das Tag verarbeitet. Der Browser behält Leerzeichen und Zeilenumbrüche im Text bei, zum Beispiel:

<p style="white-space:pre"> fly63 com <p>

Der Anzeigeeffekt ist: „fly63 com“

2. Wenn die CSS-Eigenschaft „white-space“ vor der Zeile steht, bedeutet dies, dass Zeilenumbrüche beibehalten werden. Abgesehen davon, dass Zeilenumbrüche unverändert ausgegeben werden, entspricht alles andere der Regel „white-space:normal“.

<p style="white-space: vorzeile">
	fly63
	mit
</p>

Der Anzeigeeffekt ist:

fly63
mit

3. Mit der CSS-Eigenschaft „letter-spacing“ können Sie den Abstand zwischen Zeichen im Text festlegen, zum Beispiel:

<p style="letter-spacing:5px;">Willkommen! </p>

Der Anzeigeeffekt lautet: Herzlich willkommen!

4. Die Word-Spacing-Eigenschaft von CSS wird verwendet, um den Abstand zwischen Wörtern im Text festzulegen, zum Beispiel:

<p style="word-spacing:5px">Frohes neues Jahr!</p>

Der Anzeigeeffekt lautet: Frohes neues Jahr!

Zusammenfassen

Dies ist das Ende dieses Artikels über die Leerzeichenverarbeitung in HTML/CSS und wie Leerzeichen auf der Seite beibehalten werden. Weitere relevante Inhalte zur Leerzeichenverarbeitung in HTML/CSS finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!