J'ai un UL qui est flotté à droite. Je voudrais centrer le texte dans l'UL, mais je vois que si je ne spécifie pas la largeur de l'UL, il pense que c'est 100%, et ne centre pas les LI.
Cependant, je ne peux pas donner à l'UL une largeur spécifique car les données dans les LI sont dynamiques.
De plus, comme la largeur de l'UL est de 100%, il n'est pas utile d'enrouler l'UL dans un DIV et de donner au DIV une règle de type text-align: center.
Existe-t-il un moyen CSS pour que l'UL centre ses LI?
Une page de démonstration avec ladite LI est hereTexte central en ul avec li flottant
1
A
Répondre
1
J'ai trouvé un very simple solution, qui travaille pour moi dans les deux FF et IE
2
Si vous avez besoin des largeurs explicites dynamiques pour les lis que vous pouvez utiliser inline-block.
#list { text-align:center; }
#list li { display:inline-block; }
Vous devrez work around for IE.
Questions connexes
- 1. 3 niveau ul li ul li listtyle problème css
- 2. Jquery ul avec de nombreux articles li seperated à ul avec le reste des éléments li
- 3. jQuery loop ul li
- 4. Comment aligner un flottant au centre: menu de navigation ul/li à gauche avec css?
- 5. jQuery cliquez sur li avec nested ul
- 6. Diviser plusieurs LI à UL avec Javascript
- 7. ul avec une Centrer li flottaient
- 8. SortTable ul li obtenir pour
- 9. Si li a ul dans
- 10. Verticalement Centre Navigation UL LI
- 11. "word-wrap" un LI dans un UL
- 12. Retirer LI de UL sur clic en utilisant jQuery
- 13. CSS ul li: éviter les doubles frontières
- 14. sélecteurs CSS: (menu ul li) ou (le menu li)
- 15. Alignement d'un li multiligne dans un ul
- 16. JQuery ul li sélectionner la liste
- 17. jQuery li: a (ul) numéro de sélecteur
- 18. éviter les événements doubles (onclick) avec ul/li imbriqué
- 19. Générer une combinaison UL LI dynamiquement avec jquery
- 20. jQuery Ajouter UL avec LI depuis DropDownList et Vice Versa
- 21. UL LI numéro CSS dans IE 8
- 22. jQuery - Si UL existe et combien LI
- 23. Comment compter li qui n'a pas ul?
- 24. obtenir tous li dans ul en utilisant jquery
- 25. CSS: UL/OL/Div flottant à gauche dans IE
- 26. Trouver id d'un élément LI dans une structure imbriquée UL LI en utilisant jQuery
- 27. Jquery - sélectionnez le texte immédiatement li sans sélectionner les enfants le texte de ul
- 28. jQuery Retirer LI de UL avec un lien hypertexte dans la LI
- 29. Création récursive d'une barre d'index (basée sur UL, LI)
- 30. texte central dans div