菜单宽度设置为80％并居中。我想要发生的是菜单与其他页面元素一样响应，即调整它的大小/宽度直到屏幕是特定大小（比如1200px左右），然后分成两半。当屏幕宽度达到910px或更低时，菜单会折叠为hamburger。这工作正常。无法正常工作的是屏幕尺寸的最轻微调整会导致一个或多个“li”项目连续下降。有没有办法强制“li”菜单在某个屏幕尺寸上分成两半（在第4项之后）？我尝试了ul li:nth-child(4) a命令的许多不同组合，但似乎没有任何效果。
答案 0 :(得分：0)
在相应的屏幕尺寸上，设置.nav li width: 25%和float: left。将.nav设为display:block
确保清除带有clear:both元素的浮动或容器上的clearfix。
答案 1 :(得分：0)
我认为你希望按钮总是在相同的行中？
只需一次拆分的简单方法就是将按钮放入两个带显示的div：内联设置，并使用不间断空格分隔按钮。这样，div中没有断点，因此宽度不足会迫使整个第二个div进入一个新行。
或者，我可以建议将按钮拆分为两个具有默认显示的div：内联css，如果基于视口宽度需要拆分，则使用js将one的display属性更改为block。这将迫使其他人进入新的界限。没试过，但原则上它应该工作。
作为一个有趣的替代方案，你似乎可以将带有br标签的项目分开，这些标签有display：none set。在这种情况下他们什么也不做。更改要显示：阻止激活br，强制换行。我不确定这是否是批准的CSS，但它适用于FF和Chrome。
可怕的主题，BTW。让我在桌子底下畏缩。 ;）