Comment ajuster l'espacement des caractères en CSS-tutoriel CSS-php.cn

Comment ajuster l'espacement des caractères en CSS

王林

Libérer： 2023-01-06 11:13:34

original

6383 Les gens l'ont consulté

La façon d'ajuster l'espacement des mots en CSS consiste à utiliser l'attribut letter-spacing, tel que [letter-spacing:6px]. La propriété d'espacement des lettres peut augmenter ou diminuer l'espace entre les caractères.

Comment ajuster l'espacement des caractères en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

CSS nous fournit un attribut spécial letter-spacing pour ajuster l'espacement entre les caractères.

La propriété letter-spacing augmente ou diminue l'espace entre les caractères (espacement des caractères).

Valeur de l'attribut :

normal par défaut. Ne spécifie aucun espace supplémentaire entre les caractères.
length définit l'espace fixe entre les caractères (les valeurs négatives sont autorisées).
inherit spécifie que la valeur de l'attribut d'espacement des lettres doit être héritée de l'élément parent.

Le code d'implémentation spécifique est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p文字间距 CSS5</title>
<style>
.jianju{ letter-spacing:6px}
</style>
</head>
<body>
<p>第一段：内容<br />
换行形式，我是第一段的内容</p>
<p class="jianju">第二段：内容,我被设置字间距6px</p>
</body>
</html>

Copier après la connexion

Tutoriel vidéo associé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!