Maison > interface Web > tutoriel CSS > Comment définir l'indentation de la première ligne de 2 caractères en CSS

Comment définir l'indentation de la première ligne de 2 caractères en CSS

王林
Libérer: 2020-11-17 11:55:30
original
10639 Les gens l'ont consulté

Comment définir l'indentation de la première ligne de 2 caractères en CSS : Vous pouvez utiliser l'attribut text-indent pour définir l'indentation de la première ligne de 2 caractères, par exemple [text-indent:2em;]. L'attribut text-index est utilisé pour spécifier l'indentation de la première ligne de texte dans le bloc de texte, et em est une unité relative.

Comment définir l'indentation de la première ligne de 2 caractères en CSS

Attributs associés :

L'attribut text-indent spécifie l'indentation de la première ligne de texte dans le bloc de texte.

(Tutoriel vidéo recommandé : Tutoriel vidéo CSS )

Valeur de l'attribut :

  • length définit un retrait fixe. Valeur par défaut : 0.

  • % Définit le retrait en fonction d'un pourcentage de la largeur de l'élément parent.

  • inherit spécifie que la valeur de l'attribut text-indent doit être héritée de l'élément parent.

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首行缩进</title>
		<style>
			.demo{
				width: 550px;
				height: 200px;
				margin: 50px auto;
			}
			p{
				text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/
			}
			}
		</style>
	</head>
	<body>
		<div class="demo">
		<p>
		这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
		这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
		这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
		</p>
		</div>
	</body>
</html>
Copier après la connexion

Recommandations associées : Tutoriel CSS

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