我有一个菜单，可以包含可变数量的项目。随着屏幕宽度的减小，我希望将一半的菜单放到第二行。理想情况下，当屏幕变得更小并有四行时，我可以再次发生这种情况，但老实说，在我隐藏它并显示汉堡图标之前，两行可能就足够了。
目前，当屏幕太小时，它只会变成一个垂直菜单。
我不确定我要问的是一件常见的、简单的事情，还是它实际上需要一些自定义编码才能完成。所以我也愿意接受替代解决方案。例如，我的一个想法可能是将每三个菜单项包装在一个 div 中，这样它可能不会产生我想要的均匀分割，但会一次向下移动 3 个项目，这不是我的第一选择，但我认为是一个可行的妥协。
答案 0 :(得分：0)
您可以通过限制导航栏的宽度 ul 并添加 flex-wrap.
您将无法让菜单项均等地换行（项目将转到空格的末尾然后换行），但这对您很重要，您可以调整导航栏的宽度 {{ 1}} 使用自定义媒体查询使菜单项更均匀地移动。
ul