我创建了一个带有一些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>";

10-07 19:47
查看更多