So legen Sie den Wortabstand in CSS fest: 1. Verwenden Sie das Attribut „letter-spacing“, die Syntax „letter-spacing: space value;“ 2. Verwenden Sie das Attribut „word-spacing“, die Syntax „word-spacing: space value; ".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Wie stelle ich den Wortabstand in CSS ein? Den Abstand zwischen Text anpassen? Der folgende Artikel stellt es Ihnen vor.
Methode 1: Verwenden Sie die Eigenschaft „letter-spacing“ – Zeichenabstand
eigenschaft „letter-spacing“, um den Abstand zwischen Zeichen (Zeichenabstand) zu vergrößern oder zu verkleinern. Diese Eigenschaft definiert, wie viel Abstand 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 gilt: Jedes chinesische Schriftzeichen wird als „Zeichen“ betrachtet, und jeder englische Buchstabe wird auch als „Zeichen“ betrachtet! Deshalb sollte jeder sorgfältig aufpassen.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.demo{
width:500px;
height: 500px;
margin: 50px auto;
}
p{
letter-spacing:20px;
}
</style>
</head>
<body>
<div class="demo">
<p>a b c d 你 好 a ！</p>
<p>ab cd 你好a！</p>
</div>
</body>
</html>
Methode 2: Verwenden Sie das Wortabstandsattribut – den Abstand von Wörtern
Das Wortabstandsattribut vergrößert oder verkleinert dabei den Abstand zwischen Wörtern (dh den Wortabstand). Attribut „ „Wort“ ist als eine von Leerzeichen umgebene Zeichenfolge definiert.
Das heißt, dieses Attribut passt den Abstand basierend auf Leerzeichen an:
Wenn mehrere Buchstaben miteinander verbunden sind, werden sie aufgrund des Wortabstands als ein Wort betrachtet;
Wenn chinesische Schriftzeichen durch Leerzeichen getrennt sind , dann werden die getrennten mehreren chinesischen Zeichen als unterschiedliche Wörter betrachtet und das Wortabstandsattribut ist zu diesem Zeitpunkt gültig.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.demo{
width:500px;
height: 500px;
margin: 50px auto;
}
p{
word-spacing:20px;
}
</style>
</head>
<body>
<div class="demo">
<p>a b c d 你 好 a ！</p>
<p>ab cd 你好a！</p>
</div>
</body>
</html>
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie den Zeichenabstand in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
