导航以IE为中心,但不在Chrome中

时间:2014-05-13 20:32:35

标签: html css internet-explorer google-chrome

我一直试图让这个页面上的导航居中一段时间​​,但无法理解。它似乎集中在IE中,但在Firefox和Chrome中,它似乎更左侧。我曾尝试将margin: 0 auto;应用于#navigation,但忽略了它。此外,我试图申请text-align: center;没有运气。有没有人有任何建议,所以它是跨浏览器兼容的?

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

4 个答案:

答案 0 :(得分:2)

尝试添加

text-align: center;

#navigation,当我在Chrome Devtools中添加导航时,导航将变为居中。

答案 1 :(得分:2)

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

答案 2 :(得分:2)

.jqueryslidemenu > ul是一个内联块对象,在句子中表现为单词。您无法将margin: auto应用于句子中间的单词。将text-align: center添加到.jqueryslidemenu#navigation可以解决问题。

答案 3 :(得分:1)

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