Heim >Web-Frontend >CSS-Tutorial >Wie stelle ich den Zeichenabstand im CSS-Zeichenabstandslayout ein?
Wie stelle ich den Zeichenabstand im CSS-Zeichenabstandslayout ein?
- WBOYOriginal
- 2016-05-16 12:05:222707Durchsuche
In diesem Kapitel erfahren Sie, wie Sie den Wortabstand in CSS festlegen. Freunde in Not können sich darauf beziehen.
Zeichenabstände werden im CSS-Layout selten verwendet, aber gelegentlich im Textlayout. Daher ist es notwendig, die Layoutmethode für CSS-Zeichenabstände zu verstehen und zu beherrschen.
Bei der Erfassungsmethode werden Wörter und Wortabstände im CSS-Stil festgelegt. Wir können den Buchstabenabstand verwenden, um die von uns benötigten CSS-Wortabstände zu erreichen.
letter-spacing:5px – Setzt den Abstand zwischen Wörtern innerhalb des Objekts auf 5px
letter-spacing:2px – Setzt den Abstand zwischen Wörtern innerhalb des Objekts auf 2px
Ob es so ist Chinesische Schriftzeichen, englische Buchstaben und arabische Ziffern sind alle gültig und mit allen gängigen Browsern kompatibel.
1. Beispielcode zum Festlegen des Wortabstands in Div-CSS
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>间距实例 thinkcss</title>
<style>
.jianju{ letter-spacing:10px}
</style>
</head>
<body>
<p>正常未设置字间距显示内容</p>
<p class="jianju">thinkcss设置了letter-spacing字间距为10px，看看效果</p>
</body>
</html>2. Screenshot des Wortabstandseffekts
3. Mastering-Anweisungen
Legen Sie den CSS-Buchstabenabstandsstil (Zeichenabstand) für das festzulegende Objekt fest und legen Sie dann den Abstandswert entsprechend den Layoutanforderungen fest.