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

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/