Html lists ZURB基金会中心列表 当使用ZURB的基础4时，我很难对内联列表进行定位。

“text center”和“centered”的预构建css类对于其他元素可以很好地工作，但不适用于列表

对相关图像的回顾也有类似的结果

这不起作用：

但是，当删除标记时，这确实有效（但显然不是首选标记）：

你对这种风格如何影响列表有什么建议吗

---

谢谢。

我认为只需将以下内容添加到CSS文件中即可：

.inline-list{
     display: table;
     margin: 0 auto;
}

您还可以从列div中删除

文本中心

类。例如，我创建了一个代码笔。在我的例子中我使用了基金会5.0.3，但我认为这并不重要。 以下是我使用的资源：

---

我希望这能有所帮助。

我无法让Adam的解决方案发挥作用，但发现Foundation的

。内联列表将
浮动到左侧，因此将CSS应用到
更容易：

这就是它的工作原理：

正如这里所回答的：
这对我很有效，你确定没有其他样式可以替代吗？我通过简单地在F4模板上注入标记进行测试：是的，没有添加自定义样式。这是一个普通的F4模板。如果你把文本中心类放在UL上怎么办？或者简单地将text align:center添加到li标记中。我在原始帖子中意外地忽略了内联列表类。我现在已经编辑过了。这可能就是为什么列表一开始就以您为中心。我尝试使用与您相同的空白模板，以确保不覆盖样式。我尝试在ul和li上添加文本中心和文本对齐：中心类。这两个都不行。如果添加display:inline块；给你的
？
ul {
 list-style-type:none;
}

li {
 display: inline-block;
}