Heim >Web-Frontend >CSS-Tutorial >Wie entferne ich Einrückungen aus ungeordneten Listen in CSS?

Wie entferne ich Einrückungen aus ungeordneten Listen in CSS?

Linda Hamilton
Linda HamiltonOriginal
2024-11-17 09:06:03783Durchsuche

How to Remove Indentation from Unordered Lists in CSS?

Einrückung aus ungeordneten Listen entfernen

Beim Versuch, alle Einrückungen aus einer

    Element, es kommt häufig vor, dass trotz der Einstellung von margin, padding und text-indent auf 0 Schwierigkeiten auftreten. Das Setzen von text-indent auf einen negativen Wert scheint zwar das Problem zu lösen, ist aber nicht die optimale Lösung.

    Stattdessen , wird empfohlen, sowohl den Listenstil als auch den linken Abstand auf „none“ zu setzen:

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

    Dieser Ansatz entfernt effektiv die Standardeinrückung, die mit

      verknüpft ist. Elemente, was zu einer bündig linksbündigen Liste führt.

      Beispiel:

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

      Ausgabe:

      * a
      * b
      * c

      Das obige ist der detaillierte Inhalt vonWie entferne ich Einrückungen aus ungeordneten Listen in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn