Wie kann ich die Position eines List-Style-Bilds anpassen?

Positionsanpassungen für List-Style-Image

Frage:

Kann die Position von ein Listenstil-Bild geändert werden? Wenn ja, wie kann ich das machen?

Antwort:

Das Anpassen der Position eines Bildes im Listenstil durch Auffüllen von Listenelementen ist nicht möglich. Dies liegt daran, dass sich die Auffüllung hauptsächlich auf den Inhalt innerhalb des Listenelements auswirkt und das Bild unberührt lässt.

Um einen ähnlichen Effekt zu erzielen, kann eine Kombination aus Hintergrund- und Auffüllungsstilen verwendet werden:

li {
  background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for further control */
  padding: 3px 0px 3px 10px;
  /* Optional: Reset styles */
  list-style: none;
  margin: 0;
}

Alternativ kann der Stil auf den übergeordneten Listencontainer (ul) angewendet werden, um Listenelemente mit Aufzählungszeichen zu positionieren. Der unten genannte Artikel von A List Apart bietet diesbezüglich wertvolle Informationen:

Das obige ist der detaillierte Inhalt vonWie kann ich die Position eines List-Style-Bilds anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!