Während der Front-End-Entwicklung können Wörter manchmal relativ kompakt erscheinen, wodurch die Seite unansehnlich aussieht. Wie kann dieses Problem gelöst werden? Wir sollten in der Lage sein, den Textabstand über css festzulegen, um den Abstand zwischen den Wörtern zu vergrößern. Dies passt besser zum Design des Seitenlayouts und macht die Seite schöner Wie folgt? Dieser Artikel stellt Ihnen die Methode zur Anpassung des CSS-Schriftabstands vor.
Der Weg, den Abstand zwischen Wörtern in CSS zu lösen, besteht darin, das CSS-Stilattribut „letter-spacing“ zu verwenden. Das Attribut „letter-spacing“ wird verwendet, um den Abstand zwischen Wörtern, also den Abstand zwischen Zeichen, anzupassen.
Werfen wir einen direkten Blick auf die Verwendung des CSS-Textabstandsattributs „letter-spacing“.
Beispiel: Buchstabenabstand:20px, d. h. der Abstand zwischen Wörtern ist auf 15px eingestellt.
CSS-Schriftabstandsanpassungscode:
<html>
<head>
<style type="text/css">
p{font-size:20px;
letter-spacing: 20px
}
</style>
</head>
<body>
<p>php中文网文字间隔</p>
</body>
</html>CSS-SchriftabstandsanpassungDer Effekt ist wie folgt:
Hinweis: Wenn das Festlegen des Wortabstands keine Auswirkung hat, überprüfen Sie, ob sich das Div auf der falschen Ebene befindet. Wir können den Zeilenabstand auch über die Zeilenhöhe festlegen.
Das Obige ist der gesamte Inhalt dieses Artikels. Weitere Informationen zum CSS-Textabstandsattribut „Buchstabenabstand“ finden Sie im CSS-Benutzerhandbuch.
Das obige ist der detaillierte Inhalt vonWie passt man den CSS-Schriftabstand an? So passen Sie den CSS-Textabstand an. 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)
