Maison > Article > interface Web > Comment utiliser l'attribut CSS d'espacement des mots ?
Comment utiliser l'attribut CSS d'espacement des mots ?
- 青灯夜游original
- 2019-02-21 14:36:095476parcourir
La propriété CSS d'espacement des mots est utilisée pour définir l'espace entre les mots ou entre les mots. Les valeurs négatives sont autorisées. Lorsque des valeurs négatives sont définies, l'espace entre les mots est réduit, sinon l'espace est augmenté. .
Propriété d'espacement des mots CSS
Fonction : mot L'attribut -spacing augmente ou diminue l'espace entre les mots. Permet de spécifier des valeurs de longueur négatives, ce qui provoque un rapprochement des mots.
Description : L'attribut word-spacing définit la quantité d'espace blanc inséré entre les mots dans l'élément. Pour cet attribut, « mot » est défini comme une chaîne entourée d'espaces.
Syntaxe :
word-spacing:normal|length;
normal : Valeur par défaut, définit l'espace standard entre les mots, ce qui équivaut à le définir à 0.
longueur : Définit l'espace fixe entre les mots, qui ajustera l'espacement habituel entre les mots.
Remarque : Les valeurs négatives sont autorisées. En profitant de la propriété d'espacement des mots, il est possible de créer des documents avec un espacement des mots trop espacé, alors soyez prudent lorsque vous utilisez l'espacement des mots.
Exemple d'utilisation de l'attribut CSS d'espacement des mots
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
p.spread {word-spacing: 20px;}
p.tight {word-spacing: -0.5em;}
</style>
</head>
<body>
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
</body>
</html>Rendu :
Référence pour cet article : https://www.html.cn/book/css/properties/text/word-spacing.htm
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!