css设置盒子垂直分布

要实现盒子垂直分布，可以使用以下CSS属性和技巧：

1. 使用 `display: flex;` 和 `flex-direction: column;`：将父容器设置为弹性布局，并将主轴方向设置为垂直方向。这将使子元素按垂直方向排列。

.container {
  display: flex;
  flex-direction: column;
}

2. 使用 `align-items: center;`：将子元素在交叉轴方向（垂直方向）上居中对齐。

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

3. 使用 `justify-content: space-between;`：在子元素之间平均分配空间，实现垂直分布效果。

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

通过以上CSS属性和技巧的组合，可以实现盒子的垂直分布效果。记得将 `.container` 替换为你实际使用的容器类名。