Pourquoi l'indentation de la première ligne de CSS n'a-t-elle aucun effet ?

Raisons et solutions pour que l'indentation de la première ligne de CSS n'ait aucun effet : 1. L'élément n'est pas un élément de niveau bloc. La solution est d'utiliser "display:inline-block;" label ont les attributs de certains éléments de niveau bloc ; 2. L'effet est remplacé par un style avec une priorité plus élevée. La solution est de modifier la priorité.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, version css3, cette méthode convient à toutes les marques d'ordinateurs.

Recommandation : "Tutoriel vidéo CSS"

Dans la mise en page Web, l'indentation de la première ligne est un effet très courant. Elle donne à vos paragraphes un aspect plus standardisé et plus ordonné ! Parfois, l'indentation de la première ligne est définie via CSS, mais elle n'a aucun effet. Quelle en est la raison ?

La première ligne d'indentation en CSS utilise l'attribut text-indent, et sa valeur permet l'utilisation de nombres, de pourcentages et d'héritage.

La raison pour laquelle l'indentation de la première ligne de CSS n'est pas valide :

• l'élément n'est pas un élément de niveau bloc

• l'effet reçoit une priorité plus élevée. Les styles sont couverts.

Solution :

1. Déterminez si l'étiquette est un élément de niveau bloc. Sinon, vous pouvez utiliser display:inline-block; attributs de certains éléments au niveau du bloc.

2. Vérifiez s'il s'agit d'un problème non valide causé par !important priorité!important > class > >

p{
    text-indent: 2em;
}

Indent deux La largeur des caractères chinois text-indent:2em;

(L'unité em signifie la taille relative du texte, 1em est une taille de texte, 2em est deux tailles de texte)

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!