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 ?

黄舟
Libérer: 2017-06-29 13:36:10
original
2869 Les gens l'ont consulté

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;
Copier après la connexion

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(…);}
Copier après la connexion

( 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]
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal