Kann ich die Position von Bildern im Listenstil anpassen?

Anpassen der Bildpositionierung im Listenstil

Frage:

Kann die Positionierung des Bilds im Listenstil angepasst werden?

Hintergrund:

Wenn Polsterung angebracht wird Um Elemente aufzulisten, bleibt das Bild im Listenstil stationär und wird von der Auffüllung nicht beeinflusst.

Antwort:

Eine direkte Positionierung des Bildes im Listenstil ist nicht möglich. da sich Auffüllanpassungen hauptsächlich auf den Inhalt des Listenelements auswirken.

Alternative Lösung:

Eine Kombination der Stile Hintergrund und Füllung kann einen ähnlichen Effekt simulieren.

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

Zusätzliche Optionen :

Wenn das Ziel darin besteht, Listenelemente selbst und nicht ihre Aufzählungsbilder zu positionieren, sollten Sie über die Gestaltung des übergeordneten Elements nachdenken Listencontainer (ul). Weitere Informationen zu diesem Ansatz finden Sie im Artikel von Brad Frost über „A List Apart“.

Das obige ist der detaillierte Inhalt vonKann ich die Position von Bildern im Listenstil anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!