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和margin-右73px上的每一個都可以使鏈接太寬了一個在你的分區線。我知道數學可行，但它可能會奇怪地起作用。

Answer 3

您可以使用以下方法：

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

如果你想那麼集中，添加：

text-align:center; 

Answer 4

如果您卸下nav a保證金右它會工作。右側邊距上的添加間距被添加到錨點的框中。這裏是框模型的工作原理：http://www.w3.org/TR/CSS2/box.html

注意在IE瀏覽器中html5 nav選擇器似乎不能正常工作。我在段落標記上添加了一個類，並應用了該標記的修復。

這是將在所有的瀏覽器：http://jsfiddle.net/RkUWU/2/