Heim > Artikel > Web-Frontend > Wie man Wörter in CSS mit gleichem Abstand voneinander trennt
Wie man Wörter in CSS mit gleichem Abstand voneinander trennt
- 王林Original
- 2020-11-16 09:44:004484Durchsuche
So trennen Sie Wörter in CSS gleichmäßig: Sie können das Attribut „letter-spacing“ verwenden, z. B. [letter-spacing:10px;]. Die Eigenschaft „letter-spacing“ wird verwendet, um den Abstand zwischen Zeichen (Zeichenabstand) zu vergrößern oder zu verkleinern.
letter-spacing-Eigenschaft vergrößert oder verkleinert den Abstand zwischen Zeichen (Zeichenabstand).
(Video-Tutorial-Empfehlung: CSS-Video-Tutorial)
Attributwert:
normal Standard. Gibt keinen zusätzlichen Leerraum zwischen den Zeichen an.
length definiert den festen Abstand zwischen Zeichen (negative Werte sind zulässig).
inherit gibt an, dass der Wert des Buchstabenabstandsattributs vom übergeordneten Element geerbt werden soll.
Spezifischer Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.p{letter-spacing:10px;}
</style>
</head>
<body>
<p>正常文本！</p>
<p class="p">设置了字间距的文本！</p>
</body>
</html>Verwandte Empfehlungen: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonWie man Wörter in CSS mit gleichem Abstand voneinander trennt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!