無序列表中多行列表項的水平居中

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/