Html 以a<；部门>；

我找了又找，但似乎找不到解决问题的办法。我正在尝试将

标记的内容集中在文档正文中。它是一个移动站点，因此在各种不同的视口和设备上，左侧和右侧的边距必须相等

这是我试图集中的部门：

<div id="nav">
<a href="http://m.usci.westondev.com/healthcare-certificates-2/">Healthcare/a
<a href="http://m.usci.westondev.com/business-certificates-2/">Business</a><br />
<a href="http://m.usci.westondev.com/wellness-certificates-2/">Wellness</a><br />
<a href="http://m.usci.westondev.com/technology-certificates/">Technology</a><br />
<a href="http://m.usci.westondev.com/legal-certificates/">Legal</a><br />
<a href="http://m.usci.westondev.com/services-certificates-2/">Services</a>
</div>

然而，这并没有达到目的。这个div嵌套在许多其他的

标记中，我尝试将

{margin right:auto，margin left:auto}

应用到所有这些标记中，但似乎没有任何效果

一定有什么东西我错过了，但我的想法

我正在处理的页面位于：

---

给你想要居中的div一个宽度。你所有的父div都有100%的宽度，所以这一个也是

---

“自动”的工作原理是将宽度不占空间的任何剩余空间左右边缘化。因此，如果你给导航内容加上一个width=，它将正确居中。

尝试使用Chrome Developer Tools之类的工具进行调试。您将看到您的A标记占用了包含div的整个宽度。为它们设置一个宽度应该可以解决以下问题：

#page-container .page .content #nav a:link {width: 280px;}

---

我用的是萤火虫。这对我来说很有效，但这次我被难倒了看来你快到了。我看到你添加了

宽度：290px指向#导航a:链接css的值。将宽度调整为279px，即背景图像的宽度（304px）减去标签上的填充（25px）。Hmmmmm…非常有趣。我给了css类一个像你说的那样的宽度，现在它正确地居中了，但只在我的桌面显示器上。它仍然不是以我的Iphone为中心。你点击答案旁边的向上箭头来投票。如果你想接受一个答案作为你问题的答案，你可以点击下面褪色的复选框，看起来我还不能这么做。我需要一个15岁的名声，明白了！谢谢大家。：）
#page-container .page .content #nav a:link {width: 280px;}