Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使下拉项的宽度灵活？_Css_Xhtml - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 如何使下拉项的宽度灵活？

Css 如何使下拉项的宽度灵活？

css

Css 如何使下拉项的宽度灵活？,css,xhtml,Css,Xhtml,在此示例中，下拉列表的宽度是固定的 ul.dropdown ul { margin-top:1px; width:150px;} 我需要在不中断2行的情况下，在内字符的可靠下拉列表宽度 宽度应取决于文本。设置最小/最大宽度，或者根本不设置宽度（并添加一些填充） 我知道IE7或以下版本不支持最小/最大宽度，Firebug中的以下两个附加样式声明给出了您要求的结果 ul.dropdown ul { width: auto; } ul.dropdown ul li { white-space: n

在此示例中，下拉列表的宽度是固定的

ul.dropdown ul {
margin-top:1px;
width:150px;}
我需要在不中断2行的情况下，在
内字符的可靠下拉列表宽度

宽度应取决于文本。

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

我知道IE7或以下版本不支持最小/最大宽度，Firebug中的以下两个附加样式声明给出了您要求的结果

ul.dropdown ul
{ width: auto; }

ul.dropdown ul li
{ white-space: nowrap; }
块级元素不会向下折叠到内容的宽度。您可能可以使用内联块绕过此问题，但这可能会变得棘手

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

    ul.dropdown ul
{ width: auto; }

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