css kann den Abstand zwischen Wörtern und Wörtern anpassen. In CSS können Sie das Attribut „letter-spacing“ verwenden, um den linken und rechten Abstand zwischen Wörtern anzupassen. Die Syntax lautet „letter-spacing: space value;“; den positiven oder negativen Wert des Attributs. Reduzieren Sie den Abstand zwischen den Zeichen (Zeichenabstand).
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
css kann den Abstand zwischen Wörtern sowie links und rechts anpassen.
In CSS können Sie das Attribut „letter-spacing“ verwenden, um den linken und rechten Abstand zwischen Wörtern anzupassen.
letter-spacing-Attribut kann den Abstand zwischen Zeichen (Zeichenabstand) festlegen.
Grammatikformat:
letter-spacing:间距值;
Abstandswert: Definieren Sie den festen Abstand zwischen Zeichen.
Hinweis:
Die Eigenschaft „letter-spacing“ definiert, wie viel Platz zwischen Textzeichenfeldern eingefügt wird. Da Zeichenglyphen normalerweise schmaler sind als ihre Zeichenfelder, wird durch die Angabe eines Längenwerts der übliche Abstand zwischen Buchstaben angepasst. Daher entspricht „normal“ einem Wert von 0.
Für dieses Attribut: Jedes chinesische Schriftzeichen wird als „Zeichen“ betrachtet, und jeder englische Buchstabe wird auch als „Zeichen“ betrachtet! Passen Sie also gut auf.
Das Attribut „letter-spacing“ ermöglicht die Verwendung negativer Werte, und der Zeichenabstand kann um den positiven oder negativen Wert des Attributs vergrößert oder verkleinert werden.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
h1 {
letter-spacing: 10px;
}
p{
letter-spacing: 2em;
}
div{
letter-spacing: -3px;
}
</style>
</head>
<body>
<h1>This is header 1</h1>
<p>这是一段文本！</p>
<div>这是一段div文本！</div>
</body>
</html>(Lernvideo-Sharing: CSS-Video-Tutorial, Web-Frontend)
Das obige ist der detaillierte Inhalt vonKann CSS den Abstand zwischen Wörtern und der linken und rechten Seite der Wörter anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
