CSS Flexbox 布局实现按钮等间距排列

您可以使用 CSS 的 flexbox 布局来实现这个要求。以下是一个示例代码：

.container {
  display: flex;
  width: 50%;
}

.container button {
  flex: 1 0 15%;
  margin: 0 2.5%;
}

在这个示例中，我们创建了一个名为 '.container' 的容器，并将其显示方式设置为 'flex'。然后，我们将容器的宽度设置为 50%。

'.container button' 选择器表示所有在 '.container' 容器内的 'button' 元素。我们将这些按钮的 'flex' 属性设置为 '1 0 15%'，这意味着它们将以 15% 的宽度进行伸缩，并且不会缩小到 0。同时，我们设置了按钮之间的左右外边距为 2.5%，以实现按钮之间的间隔。

请注意，这只是一个示例代码，您可以根据实际情况进行调整和修改。