Maison >interface Web >tutoriel CSS >Comment supprimer l'indentation des éléments de liste non ordonnés ?

Comment supprimer l'indentation des éléments de liste non ordonnés ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-22 10:56:11482parcourir

How to Remove Indentation from Unordered List Items?

Suppression de l'indentation des éléments de liste non ordonnés

Lors de la tentative de suppression de l'indentation d'un

    , définition de la marge, du remplissage et du texte -indenter les propriétés à 0 s'est avéré inefficace. Il a été découvert que définir text-indent sur une valeur négative peut obtenir le résultat souhaité. Cependant, est-ce la seule solution viable ?

    La solution

    L'approche suggérée consiste à réinitialiser à la fois le style de liste et le remplissage à gauche.

    CSS Code :

    ul {
      list-style: none;
      padding-left: 0;
    }

    Exemple :

    <ul>
      <li>a</li>
      <li>b</li>
      <li>c</li>
    </ul>

    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