Warum werden die zweiten Zeilen meiner Listenelemente unter dem Aufzählungszeichen und nicht daneben eingerückt?

Zweite Zeile in Listenelementeinzügen nach Aufzählungszeichen

Bei dieser Frage stößt ein Benutzer auf Schwierigkeiten, den Text in seiner Liste auszurichten, nachdem er ein CSS angewendet hat zurücksetzen. Konkret beginnt die zweite Textzeile in jedem Listenelement unter dem Aufzählungszeichen und wird nicht daneben eingerückt.

Das Problem entsteht durch die list-style-position-Eigenschaft des li-Tags. Standardmäßig ist diese Eigenschaft auf „inside“ eingestellt, wodurch der Text um das Aufzählungszeichen herum umbrochen wird. Um den Text korrekt auszurichten, müssen wir list-style-position auf „outside“ setzen.

Dadurch entsteht jedoch ein neues Problem: Die Aufzählungszeichen befinden sich jetzt außerhalb des Listencontainers. Um dies zu beheben, können wir einen Einzug am linken Rand auf die Liste anwenden, um die Aufzählungszeichen am Text außerhalb der Liste auszurichten.

Hier ist die CSS-Lösung:

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

Dieser Code legt die fest Positionieren Sie den Listenstil auf „außen“, um den Text entlang des Aufzählungszeichens auszurichten, und fügen Sie der Liste einen Einzug hinzu, um ihn am anderen Text auf der Seite auszurichten.

Das obige ist der detaillierte Inhalt vonWarum werden die zweiten Zeilen meiner Listenelemente unter dem Aufzählungszeichen und nicht daneben eingerückt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!