Warum schlägt der Listenstiltyp in CSS immer fehl?

Das Attribut

list-style ist im Allgemeinen auf „Keine“ gesetzt. Wenn Sie „·“ oder andere Symbole hinzufügen müssen, geben Sie es am besten direkt über die Tastatur ein oder verwenden Sie die Escape-Symbole

ul{list-style:none; margin:0; padding:0} 
ui li{line-height:Npx; } 一般是20px;

Solange Sie es so einstellen, wird es das tun im Grunde kein Problem sein.

Im Allgemeinen wird Li{list-style:none;}

bei Bedarf separat definiert

li{background:url(…);}

( 2) Besprechen Sie, warum list-style-type immer fehlschlägt?

Der Schlüssel ist die Anwendung des Attributs float:left; und des Attributs list-style-position: Outside; Die Gründe sind wie folgt:

1. Durch das Gleiten nach links wird das Box-Modell horizontal nacheinander geprobt
2. Die Position des Listensymbols liegt außerhalb des Box-Modells
3. Also das zweite Die Symbole der Listenelemente werden vom ersten Listenelement abgedeckt

Lösung:

[code="css"] 
li {   
list-style-position: inside; 
} 
[/code]

Das obige ist der detaillierte Inhalt vonWarum schlägt der Listenstiltyp in CSS immer fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!