Heim > Web-Frontend > CSS-Tutorial > Wie verwende ich das CSS-Wortabstandsattribut?

Wie verwende ich das CSS-Wortabstandsattribut?

青灯夜游
Freigeben: 2020-09-08 14:36:37
Original
5493 Leute haben es durchsucht

Die CSS-Wortabstandseigenschaft wird verwendet, um den Abstand zwischen Wörtern festzulegen. Wenn negative Werte festgelegt werden, wird der Abstand zwischen Wörtern verringert, andernfalls wird der Abstand vergrößert .

Wie verwende ich das CSS-Wortabstandsattribut?

CSS-Wortabstandseigenschaft

Funktion: Wort Das Attribut -spacing vergrößert oder verkleinert den Abstand zwischen Wörtern. Ermöglicht die Angabe negativer Längenwerte, wodurch Wörter enger zusammengedrückt werden.

Beschreibung: Das Wortabstandsattribut definiert, wie viel Leerraum zwischen Wörtern im Element eingefügt wird. Für dieses Attribut ist „Wort“ als eine von Leerzeichen umgebene Zeichenfolge definiert.

Syntax:

word-spacing:normal|length;
Nach dem Login kopieren

normal: Standardwert, definiert den Standardabstand zwischen Wörtern, was dem Setzen auf 0 entspricht.

Länge: Definiert den festen Abstand zwischen Wörtern, wodurch der übliche Abstand zwischen Wörtern angepasst wird.

Hinweis: Negative Werte sind zulässig. Durch die Nutzung der Eigenschaft „Wortabstand“ ist es möglich, Dokumente mit zu großen Wortabständen zu erstellen. Seien Sie daher vorsichtig, wenn Sie Wortabstände verwenden.

Verwendungsbeispiel des CSS-Wortabstandsattributs

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style type="text/css">
p.spread {word-spacing: 20px;}
p.tight {word-spacing: -0.5em;}
</style>
</head>
<body>
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
</body>
</html>
Nach dem Login kopieren

Rendering:

Wie verwende ich das CSS-Wortabstandsattribut?

Referenz für diesen Artikel:https://www.html.cn/book/css/properties/text/word-spacing.htm

Das obige ist der detaillierte Inhalt vonWie verwende ich das CSS-Wortabstandsattribut?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage