如何以三个一组的方式并排对齐按钮，最好的方法是？

<div class="button-container">
  <button>按钮1</button>
  <button>按钮2</button>
  <button>按钮3</button>
  <button>按钮4</button>
  <button>按钮5</button>
  <button>按钮6</button>
  <button>按钮7</button>
  <button>按钮8</button>
  <button>按钮9</button>
</div>

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.button-container button {
  width: calc(33.33% - 10px); /* 按钮宽度占比，减去间距 */
  margin-bottom: 10px; /* 按钮间距 */
}