Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir l'espacement du texte en CSS

php中世界最好的语言
Libérer: 2018-05-23 14:07:31
original
5208 Les gens l'ont consulté

Aujourd'hui, je vous propose un tutoriel sur la façon d'utiliser CSS pour définir l'espacement entre les mots. Jetons un coup d’œil à un cas pratique ci-dessous.

La méthode d'utilisation de CSS pour résoudre la distance entre les mots est la suivante :

Nous utilisons le style CSS attributespacement des lettres  : + Numéro de distance + unité html

Par exemple, letter-spacing : 15px ; c'est-à-dire que la distance entre les mots est définie sur 15px (pixels).

Exemple :

Code CSS :

.p{letter-spacing:15px;}
Copier après la connexion

Code HTML :

<p class="p">实现字与字间距方法</p>
Copier après la connexion

Distance entre le texte

De l'image ci-dessus, nous pouvons voir l'effet de la définition de mots de 15 px et d'un espacement des mots

Nous pouvons utiliser l'espacement des lettres CSS pour résoudre la distance entre les mots, et le paramètre d'espacement entre les mots et la police résout le style.

Il y a tellement de choses auxquelles faire attention. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php autres articles liés !

Lecture connexe :

Réponses aux questions sur la dénomination des cas de chameaux et JS

Valeurs booléennes, opérateurs relationnels en JS, Explication détaillée et exemples d'opérateurs logiques

Résumé du framework front-end js et explication de ses utilisations

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!

É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