Warum verschieben sich meine Listenelemente nach einem CSS-Reset und wie kann ich die Ausrichtung korrigieren?

Listenelemente verschieben sich nach CSS-Reset: Zweite Zeilen an Aufzählungszeichen ausrichten

Nach dem CSS-Reset sind mehrere Benutzer auf ein Problem gestoßen, bei dem die Zweite Textzeilen innerhalb von Listenelementen (li) beginnen nach einem Umbruch unterhalb des Aufzählungszeichens. Diese visuelle Fehlausrichtung kann korrigiert werden, indem die list-style-position-Eigenschaft des li-Tags angepasst und auf „outside“ gesetzt wird.

Diese Lösung kann jedoch zu Einrückungsproblemen mit den Aufzählungszeichen führen. Um dies zu beheben, kann eine zusätzliche Randeigenschaft auf das übergeordnete Element ul angewendet werden, um die Ausrichtung mit dem Text außerhalb der Liste sicherzustellen.

Aktualisierte Lösung (15. März 2014):

ul {
  list-style-position: outside;
  margin-left: 1em;
}

Dieser Code bietet eine verfeinerte Lösung, die das oben genannte Einrückungsproblem behebt und die Lesbarkeit verbessert. Die margin-Eigenschaft wird auf das ul-Element angewendet und stellt sicher, dass die gesamte Liste eingerückt wird und die richtige Ausrichtung mit dem Text außerhalb der Liste erhalten bleibt.

Das obige ist der detaillierte Inhalt vonWarum verschieben sich meine Listenelemente nach einem CSS-Reset und wie kann ich die Ausrichtung korrigieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!