帶有nowrap的元素被卡住到WebKit中的相鄰元素

我有一個ul列表，我將其顯示爲水平菜單。我希望每個li的內容保持在一行，但整個li項目可根據需要跳轉。喜歡的東西：帶有nowrap的元素被卡住到WebKit中的相鄰元素

First entry in the menuSecond menu entry
These words are short, the LI jumps lines, but doesn't wrap
Yet anoter][And more][Some more]

從邏輯上講，我只是把li {white-space:nowrap;}，但與WebKit瀏覽器的問題。 帶贓物的物品卡住相鄰物品。所以在上面的情況下，所有li將在同一行。

對於在包裝文本塊中使用nowrap的孤立元素也是如此。

<p>Visit my sites <a href="http://gabrielradic.com/" style="white-space:nowrap">Gabriel Radic 
.com (English)</a> or <a href="http://www.timbru.com/" style="white-space:nowrap">Timbru Blog 
(Romanian)</a>.

什麼我希望是這樣的：

訪問我的網站加布裏埃爾·拉迪奇.COM或
Timbru博客

相反，兩個環節結束粘在一起，如：

訪問我的站點
加布裏埃爾·拉迪奇.COM或Timbru博客（羅馬尼亞）

有沒有一個很好的辦法告訴Safari瀏覽器，Chrome和其他人制止搶奪人的胳膊肘？

感謝您的幫助。

來源

2010-03-06 Gabriel R.

而不是使用white-space:nowrap，在這種情況下，更適合與display:inline-block一起去。

CSS需要適應這裏和那裏的變化，但它按預期工作。

來源

2010-03-06 12:11:39

所以，如果我理解正確，你想列表項中的文本包裝，但不是菜單本身，是嗎？所以它看起來是這樣的：

item one | item two | item number | item four 
         three

但又不希望它看起來像：

item one | item two | item number three | 
item four

如果是這樣的話，你有沒有嘗試設置nowrap實際ul而不是在列表中的項目，因爲它是你試圖做不換行的ul？然後爲列表項設置一個寬度，以便它們可以包裹以適應該寬度。

來源

2010-03-06 11:51:22 Anthony

實際上，我需要我的示例中的LI或As始終位於同一行上，但如果需要，整個項目可能會跳轉到另一行。我希望他們表現得像...（等待它）... _inline blocks_。這似乎是我正在尋找的答案:-) – 2010-03-06 12:10:26

帶有nowrap的元素被卡住到WebKit中的相鄰元素

回答

相關問題