如何均匀地在多行上分发flexbox项目？

Question

我正在开发一个菜单栏，其所有按钮均匀分布在导航元素（容器）的中心。我需要这种布局在大多数设备上看起来都很好，无论其大小如何。问题是，在我测试的平板电脑尺寸之一中，只有一个按钮进入下一行，留下不合需要的外观。是否有任何方法可以使用css将所有项目均匀分布在所有行上？

这是nav的样式块：

nav {
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    background-color: #000;
}