Horizontale de Centrage de Multi-Ligne à la Liste des Éléments dans une Liste non triée

J'ai une liste non ordonnée qui s'enroule sur une deuxième ligne, et doit être centré horizontalement dans le contenant de l'UL. Chaque LI est un ensemble de largeur et de hauteur. J'ai vu de nombreuses approches de travail pour une seule ligne, mais rien, j'ai essayé de travail lorsque la liste passe à une deuxième ligne. L'idéal serait, si cela a fonctionné dans IE7+ -- Merci pour l'aide.

Voir ici pour une illustration:

Horizontale de Centrage de Multi-Ligne à la Liste des Éléments dans une Liste non triée
http://grab.by/8UIl

InformationsquelleAutor John | 2011-02-12
  1. 34

    Ici est la meilleure méthode que j'ai pu trouver.

    ul li { 
    /* make list elements fall inline as block elements */
    position: relative;
    display: inline-block;
    /* next two lines only for display purposes */
    text-align: center;
    border:1px solid red;
}
/* horizontally center ul element */
ul { text-align:center; }

    Voir le lien pour un exemple: http://jsfiddle.net/gfkPG/

    • OMG LOL-une Telle solution simple -- tellement habitués à avoir à employer compliqué de rechange, j'ai oublié de regarder l'évidence. Merci beaucoup!
    • Désolé, a sauté le pistolet là, qui ne fonctionne pas dans IE7 pour une raison quelconque.
    • Il y a toujours appris à être un hack pour IE 🙂 Voici ce que j'ai trouvé: zoom:1;*display:inline; dans une feuille de style CSS conditionnelle a fait le tour. Merci encore.
    InformationsquelleAutor Moses