Maison > Article > interface Web > 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 : 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.
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!