如何使下拉物品的宽度灵活？

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

设置最小/最大宽度，或者根本不设置宽度（并添加一些填充）？

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

我知道IE7或以下不支持min / max-width

Answer 2

Firebug中的以下两个额外的样式声明给了我你想要的结果。

ul.dropdown ul
{ width: auto; }

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

Answer 3

块级元素不会向下折叠到内容的宽度。你可以用内联块来解决这个问题，但这可能会变得棘手。

最好使用javascript根据最宽的LI计算宽度。让它加载sans一个特定的宽度，在每个<a>中的每个<li>循环javascript以找到最宽的，然后将UL设置为该特定宽度。