CSS steuert den Abstand zwischen Wörtern durch die Eigenschaft „letter-spacing“

CSS steuert den Abstand zwischen Wörtern durch die Eigenschaft „letter-spacing“

Eigenschaft „letter-spacing“ : Vergrößern oder verkleinern Sie den Abstand zwischen Zeichen (Zeichenabstand).

Diese Eigenschaft definiert, wie viel Platz zwischen den Textzeichenfeldern eingefügt werden soll. Da Zeichenglyphen oft schmaler sind als ihre Zeichenfelder, passt die Angabe eines Längenwerts den üblichen Abstand zwischen Buchstaben an. Daher entspricht normal einem Wert von 0.

<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Titel hier einfügen</title>
<style type="text/css">
	Spanne{
		Buchstabenabstand: 10px;
	}
</Stil>
</Kopf>
<Text>
	<span>Testen Sie den Wortabstand</span>
</body>
</html>

Wirkung:

Bildbeschreibung hier einfügen

Zusammenfassen

Dies ist das Ende dieses Artikels darüber, wie Sie den Abstand zwischen Buchstaben über die CSS-Eigenschaft „letter-spacing“ steuern können. Weitere relevante CSS-Inhalte zum Wortabstand 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!

<<:  Eine detaillierte Einführung in die Neugestaltung der Weibo-Komponente auf der Website (Bilder und Text)

>>:  Erfahren Sie, wie Sie Nginx schnell in CentOS7 installieren

Artikel empfehlen

Implementierung der Nginx-Arbeitsprozessschleife

Nach dem Start initialisiert der Worker-Prozess z...

Methode zum Erstellen eines privaten Docker-Warehouses basierend auf Harbor

Inhaltsverzeichnis 1. Einführung in Harbor 1. Har...

Detaillierte Erklärung der NodeJS-Modularität

Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...

Webdesign-Tutorial (4): Über Materialien und Ausdrücke

<br />Vorheriges Webdesign-Tutorial: Webdesi...

Vue3 (V) Details zur Integration der HTTP-Bibliothek axios

Inhaltsverzeichnis 1. Installieren Sie axios 2. V...

Erläuterung des Arbeitsmechanismus von Namenode und SecondaryNameNode in Hadoop

1) Prozess 2) FSImage und Bearbeitungen Nodenode ...

Der eigentliche Prozess der Implementierung des Zahlenrätsels im WeChat-Applet

Inhaltsverzeichnis Funktionseinführung Rendern 1....