css - フレックスボックス アイテムを複数の行に均等に配置するにはどうすればよいですか?

Question

すべてのボタンが nav 要素 (コンテナー) の中央に均等に配置されたメニュー バーに取り組んでいます。サイズに関係なく、ほとんどのデバイスで見栄えを良くするには、このレイアウトが必要です。問題は、私がテストしているタブレット サイズの 1 つで、ボタンの 1 つだけが次の行に移動し、望ましくない外観が残ることです。css を使用して、すべてのアイテムをすべての行に均等に分散させる方法はありますか?

ナビゲーションのスタイル ブロックは次のとおりです。

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;
}