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

Maison

interface Web

Questions et réponses frontales

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

青灯夜游

May 18, 2022 pm 05:30 PM

csscss3

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

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 id="This-nbsp-is-nbsp-header-nbsp">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!

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 connexe