css怎么设置垂直平均分布

要在 CSS 中实现垂直平均分布，你可以使用 Flexbox 或 Grid 布局来实现。下面是两种方法的示例：

1. 使用 Flexbox 布局：

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

在上面的示例中，你可以将元素包装在一个容器（例如一个 div）中，并将容器的高度设置为希望的高度。然后，使用 `display: flex` 将容器设置为 Flexbox 布局，并使用 `flex-direction: column` 将元素垂直排列。最后，使用 `justify-content: space-between` 将元素平均分布在容器中。

2. 使用 Grid 布局：

.container {
  display: grid;
  grid-template-rows: repeat(auto-fill, minmax(1fr, auto));
}

在上面的示例中，你同样可以将元素包装在一个容器中，并使用 `display: grid` 将容器设置为 Grid 布局。然后，使用 `grid-template-rows` 属性设置行的大小。使用 `repeat(auto-fill, minmax(1fr, auto))` 可以实现自动填充行，并将每行的大小设置为相等的 1fr（即等分）。

这两种方法都可以实现垂直平均分布，具体选择哪一种取决于你的需求和布局结构。