Einige Listenelemente müssen vor dem Text ein kleines Symbol hinzufügen, wie unten gezeigt:
Es gibt viele Möglichkeiten, dies zu implementieren, hier das verwendet wird.
Das Span-Tag ist ein Linienelement und hat keine Breite und Höhe, obwohl es über display:block; geändert werden kann. Es führt jedoch zu Zeilenumbrüchen.
Postleitzahl:
[html] m.sbmmt.com <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项1</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项2</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项3</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项4</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项1</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项2</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项3</span> <span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项4</span>
Padding-left wird hier verwendet, um das Erscheinungsbild dieses kleinen Symbols gemeinsam zu realisieren, das heißt, um den Text zum Klicken zu bewegen richtig
