水平居中li - 多行

Question

我正在尝试创建一个水平居中的固定宽度，固定高度项目的无序列表。如果只有一个项目，它将位于中间。随着更多项目的增加，它将从中间向外增长。达到容器宽度时，它将换行到下一行，如图所示。

是否有可能实现这一点并使其在ie7，ie8和所有其他主流浏览器中运行？任何帮助都将非常感激。

非常感谢。

Answer 1

您可以使用在IE7和其他浏览器上运行良好的CSS3属性inline-block。

inline-block元素具有内联项的属性，但可以固定宽度或/和高度。

如果li为display: inline-block且ul为text-align: center，我认为这有效。

：）