我一直试图让这个页面上的导航居中一段时间,但无法理解。它似乎集中在IE中,但在Firefox和Chrome中,它似乎更左侧。我曾尝试将margin: 0 auto;
应用于#navigation
,但忽略了它。此外,我试图申请text-align: center;
没有运气。有没有人有任何建议,所以它是跨浏览器兼容的?
更新 我删除了受影响网站的链接
答案 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如果它有宽度!