Comment utiliser l'indentation de texte en CSS

text-indent en CSS est très simple à utiliser. L'essentiel est de regarder la syntaxe et la structure d'indentation de text-indent. Alors expliquons-le et donnons un petit cas,

syntaxe et structure d'indentation text-indent

.div{text-indent:25px}

Ici, le texte au début de la première ligne du paragraphe dans le div

object est indenté de 25 pixels.

style de retrait de texte css text-indent

attribut mot, valeur de retrait de texte et nombre + unité forment le style de retrait. Habituellement, la propriété text-indent indent indentera le texte au début de la première ligne du paragraphe. Si vous utilisez la balise de saut de ligne html br, il n'y aura aucun effet d'indentation à partir du deuxième saut de ligne. Si vous utilisez le retour à la ligne de paragraphe de balise de paragraphe html P, chaque saut de ligne de paragraphe p sera indenté au début. Ici, nous allons vous le démontrer à travers un cas. Nous espérons maîtriser le style d'indentation de texte CSS à travers le cas DIV.

1. Code CSS

.div{ text-indent:35px}
HTML代码片段
<div class="div"> 
<p>第一段开始缩进效果<br /> 
使用br标签的换行将不会缩进 
</p> 
<p>第二段使用p标签段落首行也会缩进<br /> 
第二行使用了br不会缩进<br /> 
第三行提行使用了br也不会缩进</p> 
</div>

Résumé de l'indentation du texte du paragraphe de première ligne

Nous voulons mettre le début de chaque paragraphe en retrait, et nous pouvons contrôler le indentation Distance J'utilise text-indent pour indenter des mots. Si je ne souhaite pas utiliser le style d'indentation de texte pour l'indentation, je peux utiliser des espaces pour y parvenir, mais je dois taper quelques caractères d'espacement HTML supplémentaires " " pour obtenir l'indentation d'espace réservé. Vous pouvez en savoir plus. à propos du html

Plusieurs espaces sont utilisés. Il existe de nombreuses façons d'utiliser l'indentation de texte. Les amis qui en ont besoin peuvent l'enregistrer. Veuillez également continuer à prêter attention aux autres

mises à jour

de ce site. Lecture connexe :

Qu'est-ce que CSS

Plusieurs petites fonctions réalisées avec du CSS pur Exemple

Pourquoi parfois le CSS DIV ne parvient pas à se charger

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!