Wie behebe ich falsch ausgerichtete zweite Zeilen in ungeordneten Listen nach einem CSS-Reset?

Auflösen der zweiten Zeilenausrichtung in UL-Listen nach dem CSS-Reset

Nach dem CSS-Reset kann es zu einem Problem kommen, bei dem die zweite Textzeile in Listenelementen unter dem beginnt Kugel. Diese Fehlausrichtung kann über CSS behoben werden, indem die Eigenschaft „list-style-position“ angepasst wird.

Lösung:

Die Eigenschaft „list-style-position“ bestimmt, ob Aufzählungszeichen innerhalb oder außerhalb der Liste angezeigt werden. Standardmäßig ist es auf „innen“ eingestellt, wodurch der Text um die Aufzählungszeichen herum umbrochen wird. Wenn Sie es auf „außerhalb“ ändern, wird der Text mit dem Rest der Liste ausgerichtet.

Dies kann jedoch zu einer Fehlausrichtung zwischen Aufzählungszeichen und Text außerhalb der Liste führen. Um dieses Problem zu beheben, wenden Sie einen Rand auf die Listenelemente an:

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

Verbesserte Lösung (Update vom März 2014):

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

• Diese Lösung wendet alle Eigenschaften auf das ul-Element an .
• em-Einheiten werden zum Einrücken verwendet, um einen konsistenten plattformübergreifenden Abstand zu gewährleisten.
• Klar und prägnant Kommentare erläutern den Zweck jeder Immobilie.

Das obige ist der detaillierte Inhalt vonWie behebe ich falsch ausgerichtete zweite Zeilen in ungeordneten Listen nach einem CSS-Reset?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!