如何使下拉項目的寬度變得靈活？

Question

http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

在下拉的該樣品寬度

是固定

ul.dropdown ul { 
margin-top:1px; 
width:150px;} 

我需要下拉可靠字符的內部<a>的寬度而不在2線折斷

寬度應該依賴於文本。

Answer 1

以下兩個額外的風格在Firebug聲明支持給了我你要求的結果。

ul.dropdown ul 
{ width: auto; } 

ul.dropdown ul li 
{ white-space: nowrap; } 

Answer 2

設置最小/最大寬度，或者根本不設置寬度（並添加一些填充）？

min-width{10px;} 
max-width{15px;} 

我知道最小/最大寬度不會在IE7或低於

Answer 3

塊級元素不折疊到內容的寬度。你可以用inline-block來解決這個問題，但這可能會變得棘手。

可能是最好使用javascript來計算基於最寬的LI的寬度。讓它加載一個特定的寬度，讓每個<li>中的每個<a>循環播放JavaScript腳本以查找最寬，然後將UL設置爲該特定寬度。