Heim >Web-Frontend >CSS-Tutorial >Wie verwende ich das CSS-Wortabstandsattribut?
Wie verwende ich das CSS-Wortabstandsattribut?
- 青灯夜游Original
- 2019-02-21 14:36:095516Durchsuche
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 .
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;
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>Rendering:
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!