我创建了一个带有一些jQuery的水平CSS / HTML菜单,如果父级的宽度不足以将所有内容保持在一行上,则该菜单将元素移动到下拉菜单中。当元素移入#dropdown
时,结果<ul>
的宽度似乎受到限制,我不知道它在做什么?
jsFiddle
最佳答案
在小提琴的第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>";