Maison >interface Web >tutoriel CSS >Pourquoi le type de style de liste échoue-t-il toujours en CSS ?

Pourquoi le type de style de liste échoue-t-il toujours en CSS ?

黄舟
黄舟original
2017-06-29 13:36:102900parcourir

L'attribut

list-style est généralement défini sur none. Si vous devez ajouter "·" ou d'autres symboles, il est préférable de le saisir directement avec le clavier ou d'utiliser les symboles d'échappement

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

Tant que vous le définissez ainsi, il y aura en gros, il n'y a pas de problème.

Généralement en CSS, Li{list-style:none;>


est défini séparément en cas de besoin

li{background:url(…);}

( 2) Expliquez pourquoi list-style-type échoue toujours ?

La clé est l'application de l'attribut float:left; et de l'attribut list-style-position: outside; Les raisons sont les suivantes :

1. Flotter vers la gauche entraînera la répétition horizontale du modèle de boîte un par un
2 La position du symbole de liste est à l'extérieur du modèle de boîte.
3. Donc le deuxième Les symboles des éléments de la liste sont couverts par le premier élément de la liste

Solution :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn