Maison  >  Article  >  interface Web  >  Comment indenter du HTML

Comment indenter du HTML

藏色散人
藏色散人original
2021-05-13 10:29:1618577parcourir

Comment obtenir un effet d'indentation en HTML : créez d'abord un exemple de fichier HTML ; puis entrez du contenu de texte dans le corps ; enfin, spécifiez l'indentation de la première ligne de texte dans le bloc de texte via le "text-indent" " attribut .

Comment indenter du HTML

L'environnement d'exploitation de cet article : système Windows7, version HTML5&&CSS3, ordinateur DELL G3

Comment indenter le HTML ?

Nous devons d'abord comprendre l'attribut text-indent. Cette balise est utilisée pour indenter la première ligne. Son unité est l'unité de longueur ou le pourcentage.

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

Remarque : les valeurs négatives sont autorisées. Si une valeur négative est utilisée, la première ligne sera en retrait vers la gauche.

Remarque : Avant CSS 2.1, text-indent héritait toujours d'une valeur calculée, plutôt que d'une valeur déclarée.

Exemple :

<html>
<head>
<style type="text/css">
p {text-indent: 1cm}
</style>
</head>

<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>

</html>

Effet :

Comment indenter du HTML

Apprentissage recommandé : "Tutoriel vidéo HTML

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!

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