div中的均匀空间链接

Question

我正在建立一个简单的大学网站，由于设计，我讨厌这个网站。我是一个php程序员而不是设计师。 （可能听起来很愚蠢）

我遇到了一个问题，我有一个600px的居中div，然后在<nav>个标签内我有4个链接。我希望他们在div上均匀地间隔开。我试过设置左右边距但没有运气。

在jsfiddle

上查看一下

由于

Answer 1

工作演示： http://jsfiddle.net/8jK7N/1/

但是，IE不支持新HTML5元素的样式。您可以使用shiv来解决此问题。工作演示（使用shiv）：http://jsfiddle.net/8jK7N/2/

Answer 2

从<p>位中取出<nav>标记，每个边距左边73px和边距右边73px可能会使div的某一行的链接太宽。我知道数学运算出来了，但它可能表现得很奇怪。

Answer 3

如果删除nav a上的边距权限，它将起作用。边距右侧的添加间距将添加到锚点的框中。以下是框模型的工作原理：http://www.w3.org/TR/CSS2/box.html

在IE中注意，html5导航选择器似乎无法正常工作。我在段落标记上添加了一个类并应用了该标记的修复。

这适用于所有浏览器：http://jsfiddle.net/RkUWU/2/

Answer 4

您可以使用以下内容：

nav a{
    width:150px; display:block;float:left;
}

如果您想要居中，请添加：

text-align:center;