Maison > interface Web > tutoriel CSS > Comment définir l'espacement des caractères dans la disposition d'espacement des caractères CSS ?

Comment définir l'espacement des caractères dans la disposition d'espacement des caractères CSS ?

WBOY
Libérer: 2018-09-27 15:19:19
original
2677 Les gens l'ont consulté

Ce chapitre vous présentera comment définir l'espacement des mots en CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

L'espacement des caractères est rarement utilisé dans la mise en page CSS, mais il est parfois utilisé dans la mise en page du texte, il est donc nécessaire de comprendre et de maîtriser la méthode de mise en page de l'espacement des caractères CSS.

Méthode de collecte, en fait, les mots et l'espacement des mots sont présentés avec un style CSS. Nous pouvons utiliser l'espacement des lettres pour répondre aux exigences d'espacement des mots CSS dont nous avons besoin.

letter-spacing:5px - Définissez l'espacement entre les mots dans l'objet sur 5px
letter-spacing:2px - Définissez l'espacement entre les mots dans l'objet sur 2px

Que ce soit Chinois Les caractères chinois, les lettres anglaises et les chiffres arabes sont tous valides et compatibles avec tous les principaux navigateurs.

1. Exemple de code pour définir l'espacement des mots dans 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>
Copier après la connexion

2. Capture d'écran de l'effet d'espacement des mots

Comment définir lespacement des caractères dans la disposition despacement des caractères CSS ?

3. Instructions de maîtrise
Définissez le style d'espacement des lettres CSS (espacement des caractères) pour l'objet qui doit être défini, puis définissez la valeur d'espacement en fonction des exigences de mise en page.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal