限制元素宽度的是什么?

时间:2014-07-08 21:24:13

标签: html css drop-down-menu width

我创建了一个水平的CSS / HTML菜单,其中包含一些jQuery,如果父元素不足以将所有内容保存在一行上,则会将元素移动到下拉列表中。当元素移入#dropdown时,生成的<ul>似乎宽度有限,我不明白它在做什么?

jsFiddle

1 个答案:

答案 0 :(得分:2)

在小提琴的第7行,您正在动态创建<ul>,其中包含不适合您菜单的菜单项。 <ul>的宽度对于文本而言太小,这使得文本转到多行。如果您为该菜单指定white-space:nowrap样式,则会<ul>占用所需的宽度。下面的代码是内联的,但它只是一个例子。 http://jsfiddle.net/wf7h8/1/

var dropDownHTML = "<li id='dropdown'><a href='#'>Menu</a><ul style='white-space:nowrap;'></ul></li>";
相关问题