导航以 IE 为中心，但不在 Chrome 中答案

【问题标题】：Navigation centered in IE but not in Chrome导航以 IE 为中心，但不在 Chrome 中
【发布时间】：2014-07-01 16:55:48
【问题描述】：

一段时间以来，我一直试图让此页面上的导航居中，但无法弄清楚。它似乎在 IE 中居中，但在 Firefox 和 Chrome 中它似乎更偏左。我试图将margin: 0 auto; 应用于#navigation，但它忽略了它。我也尝试过申请text-align: center;，但没有成功。有没有人有任何建议，所以它是跨浏览器兼容的？

更新： 我删除了受影响网站的链接

【问题讨论】：

标签： html css internet-explorer google-chrome

【解决方案1】：

有时 text-align:center 不起作用，你可以使用 margin:auto 如果它有宽度！

【讨论】：

【解决方案2】：

.jqueryslidemenu > ul 是一个 inline-block 对象，它表现为一个句子中的一个单词。您不能将margin: auto 应用于句子中间的单词。将text-align: center 添加到.jqueryslidemenu 或#navigation 可以解决问题。

【讨论】：

【解决方案3】：

css 属性 text-align: center 会做到这一点。
但是，尽管我们的 css 时代，仍有一个元素属性仍然是跨浏览器的。 “对齐”适用于 div，因此 <div align="center"></div> 将使其内容居中。

【讨论】：

align='center' 在 HTML5 中（官方）不支持
是的...但实际上，它仍然适用于主流浏览器。但正如我所说，css 属性具有相同的效果。

【解决方案4】：

尝试添加

text-align: center;

#navigation，当我在 Chrome Devtools 中添加该导航时，导航将居中。

【讨论】：

这会将导航下拉菜单中的所有文本居中，我们希望文本保持对齐
然后将左对齐添加到子菜单类