Maison > Article > interface Web > Les CSS peuvent-ils ajuster l'espacement entre les mots et les côtés gauche et droit des mots ?

Les CSS peuvent-ils ajuster l'espacement entre les mots et les côtés gauche et droit des mots ?

青灯夜游original: 2022-05-18 17:30:195663parcourir

css peut ajuster l'espacement entre les mots et les mots. En CSS, vous pouvez utiliser l'attribut letter-spacing pour ajuster l'espacement gauche et droit entre les mots. La syntaxe est "letter-spacing: spacing value;"; la valeur positive ou négative de l'attribut. Réduisez l'espace entre les caractères (espacement des caractères).

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

css peut ajuster l'espacement entre les mots et à gauche et à droite.

En CSS, vous pouvez utiliser l'attribut letter-spacing pour ajuster l'espacement gauche et droit entre les mots. L'attribut

letter-spacing peut définir l'espace entre les caractères (espacement des caractères).

Format de grammaire :

letter-spacing:间距值;

Valeur d'espacement : Définit l'espace fixe entre les caractères.

Remarque : La propriété

letter-spacing définit l'espace inséré entre les zones de caractères de texte. Étant donné que les glyphes de caractères sont généralement plus étroits que leurs zones de caractères, la spécification d'une valeur de longueur ajuste l'espacement habituel entre les lettres. Par conséquent, la valeur normale équivaut à une valeur de 0.
Pour cet attribut : chaque caractère chinois est considéré comme un "caractère", et chaque lettre anglaise est également considérée comme un "caractère" ! Soyez donc très attentif.

L'attribut d'espacement des lettres permet l'utilisation de valeurs négatives, et l'espacement des caractères peut être augmenté ou diminué par la valeur positive ou négative de l'attribut.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			h1 {
				letter-spacing: 10px;
			}
			
			p{
				letter-spacing: 2em;
			}
			div{
				letter-spacing: -3px;
			}
		</style>
	</head>

	<body>
		<h1>This is header 1</h1>
		<p>这是一段文本！</p>
		<div>这是一段div文本！</div>
	</body>

</html>

Les CSS peuvent-ils ajuster lespacement entre les mots et les côtés gauche et droit des mots ?

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS, front-end web)

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!

html5 css css3

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

Article précédent：De quelles trois parties se compose une feuille de style CSS ?Article suivant：De quelles trois parties se compose une feuille de style CSS ?

Articles Liés

Voir plus