Maison > interface Web > tutoriel CSS > Comment utiliser l'indentation de texte en CSS

Comment utiliser l'indentation de texte en CSS

php中世界最好的语言
Libérer: 2017-11-21 17:10:24
original
2985 Les gens l'ont consulté

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}
Copier après la connexion
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>
Copier après la connexion
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!

Étiquettes associées:
css
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