上下换行咋设置自己想要的间距，在flex布局里面

在flex布局中，你可以使用`justify-content`和`align-items`属性来控制元素在主轴和交叉轴上的对齐方式和间距。以下是一个示例：

HTML代码：

<div class="container">
  <button class="btn">按钮1</button>
  <button class="btn">按钮2</button>
  <button class="btn">按钮3</button>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column; /* 垂直排列 */
  justify-content: space-between; /* 主轴间距平均分布 */
  align-items: flex-start; /* 交叉轴左对齐 */
}

.btn {
  margin-bottom: 10px; /* 设置按钮之间的垂直间距 */
}

在上面的示例中，`.container`元素被设置为flex布局，并且通过`flex-direction`属性设置为`column`来实现垂直排列。`justify-content`属性被设置为`space-between`，这将在主轴上平均分布按钮之间的间距。`align-items`属性被设置为`flex-start`，这将使按钮在交叉轴上左对齐。`.btn`样式类具有一个`margin-bottom`属性来设置按钮之间的垂直间距。

你可以根据需要调整间距的大小，以及使用其他flex布局属性来实现不同的布局效果。希望这对你有所帮助！如果还有其他问题，请随时提问。