recherche

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

王林
王林original
2020-11-17 11:55:3010637parcourir

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>

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!

css 继承 Length
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：Quels sont les sélecteurs de pseudo-classe de statut d'élément d'interface utilisateur en CSS ?Article suivant：Quels sont les sélecteurs de pseudo-classe de statut d'élément d'interface utilisateur en CSS ?

Articles Liés

Voir plus