Maison  >  Article  >  interface Web  >  Comment définir l'espacement du texte en CSS

Comment définir l'espacement du texte en CSS

php中世界最好的语言
php中世界最好的语言original
2018-05-23 14:07:315202parcourir

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;}

Code HTML :

<p class="p">实现字与字间距方法</p>

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!

Déclaration:
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