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
Libérer: 2024-11-22 10:56:11
original
467 Les gens l'ont consulté

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

    Exemple :

    <ul>
      <li>a</li>
      <li>b</li>
      <li>c</li>
    </ul>
    Copier après la connexion

    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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal