无序列表中多行列表项的水平居中

Question

我有一个无序列表，它包含在第二行，并且需要在包含的UL中水平居中。每个LI都是一组宽度和高度。我已经看到许多方法适用于单行，但是我试过的东西在列表换行到第二行时正在工作。如果这在IE7 +中起作用会很理想 - 感谢您的帮助。

看到这里的一个例证：

http://grab.by/8UIl

Answer 1

这是我能找到的最好的方法。

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; } 

查看链接以一个例子：http://jsfiddle.net/gfkPG/