Wie kann ich den Abstand zwischen Aufzählungszeichen und Listenelementen in CSS steuern?

CSS: Regulieren des Abstands zwischen Aufzählungszeichen und Listenelementen

Problem:

Anpassen des horizontalen Abstands zwischen Aufzählungszeichen und Listenelementen entsprechendes

Elemente innerhalb einer geordneten oder ungeordneten Liste stellt eine Herausforderung dar. Betrachten Sie zur Veranschaulichung Folgendes:

* Some list text goes
   here.

Gewünschtes Ergebnis:

Ändern Sie den Raum erhalten Sie:

*         Some list text goes
          here.

oder

*Some list text goes
 here.

Lösung:

Schließen Sie den Inhalt des Listenelements in ein span-Element mit relativer Positionierung ein. Die linke Eigenschaft der Spanne kann manipuliert werden, um den gewünschten Abstand zu steuern.

li span {
  position: relative;
  left: -10px;
}

<ul>
  <li><span>item 1</span></li>
  <li><span>item 2</span></li>
  <li><span>item 3</span></li>
</ul>

Das obige ist der detaillierte Inhalt vonWie kann ich den Abstand zwischen Aufzählungszeichen und Listenelementen in CSS steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!