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