CSS-Steuerung, kleines Symbol vor dem Text

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]   www.php.cn
<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