Les CSS peuvent-ils ajuster l'espacement entre les mots et les côtés gauche et droit des mots ?-Questions et réponses frontales-php.cn

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

青灯夜游

Libérer： 2022-05-18 17:30:31

original

5737 Les gens l'ont consulté

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).

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

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:间距值;

Copier après la connexion

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>

Copier après la connexion

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