如何避免單詞環繞在

Question

我創建了一個小提琴，顯示我有一個問題jQuery用戶界面菜單：http://jsfiddle.net/A5HyU/2/

在那個小提琴，點擊右邊的按鈕，然後進入菜單項Segnalibri ，您會注意到打開的子菜單中包含第二個元素，Condiviso這個詞在某種程度上被包裹起來，但是我需要子菜單足夠大以容納整個單詞。

是我的設置或庫本身的問題？

爲了解決它，我已經嘗試了兩種不同的解決方案，首先是基於CSS：

.jqSubMenu > li > a { 
    min-width: [XXX]px 
} 

這工作，但需要我來接必須爲每一個可能的子菜單，我設置了正確的值。

第二種是基於JS：

$('.jqSubMenu').each(function() { 
    var l = 0; 

    $('> li > a', this).each(function() { 
     l = Math.max(l, $(this).text().trim().length); 
    }).css('min-width', (l * 8) + 'px'); 
}); 

這似乎太工作，但會減慢子初始化。

我也嘗試改變我的周圍的CSS修改，但沒有一個似乎影響子菜單佈局。

Answer 1

你應該嘗試添加

white-space: nowrap; 

要提到的元素，看看這是否讓你。