如何避免使用CSS中間鏈接換行？

我有我的導航區域橫向顯示的項目列表，但它的包裝紙中間環節，這樣如何避免使用CSS中間鏈接換行？

| This is Item One | This is Item Two | This is Item Three | This is 
Item Four | This is Item Five |

時，我想它來包裝這樣的：

| This is Item One | This is Item Two | This is Item Three 
| This is Item Four | This is Item Five |

我試着使用我的鏈接項目（li a）上的whitespace: nowrap聲明，但這只是使第二個（包裝）行完全消失。

2012-08-27 Jono

發佈你的代碼，所以我們可以看到，你試過了什麼 – HerrSerker

如果你的添加有任何效果，你必須拼寫屬性名稱'white-space'。如果效果是你所描述的，那麼混亂是由你沒有描述的頁面上的東西造成的。 –

我相信你正在尋找的是white-space property：

.menu a { 
    white-space: nowrap; 
}

另一種辦法是分配一個固定的寬度和浮每個菜單項左側。

.menu a { 
    display: block; 
    float: left; 
    width: 200px; 
}

當然，CSS取決於你的HTML。我建議將菜單放在無序列表中，並將這些樣式應用於列表項。

2012-08-27 19:16:11 kingjeffrey

助記符：「白色」和「空格」之間用連字符隔開，「nowrap」不會換行。 –

雖然你確實鏈接到w3schools :(這只是鼓勵人們相信他們在w3schools閱讀什麼 –

喬恩，你評論的是一個答案，而不是原來的問題。答案和鏈接都可以得到屬性名稱 – kingjeffrey

而不必在我的處置您的任何樣式和標記，這是我可以提供一個解決方案（因爲它是一個瘋狂的猜測，以你的問題到底是什麼）最好的：

所有你需要做的將display:inline-block應用於相應的<a>標籤。

2012-08-27 20:09:13

回答