水平居中 li - 多行

【问题标题】：Horizontally center li - multiple rows水平居中 li - 多行
【发布时间】：2012-11-09 04:06:00
【问题描述】：

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

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

非常感谢。

【问题讨论】：

【解决方案1】：

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

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

如果 li 是 display: inline-block 并且 ul 是 text-align: center 我认为这可行。

【讨论】：