grid布局如何上下均分

要实现grid布局的上下均分，可以使用grid-template-rows属性来定义每一行的高度，并使用fr单位来实现均分。

下面是一个示例代码：

.container {
  display: grid;
  grid-template-rows: 1fr 1fr; /* 上下均分为两行 */
  grid-gap: 10px; /* 设置行间距 */
}

.item {
  background-color: #ccc;
  padding: 10px;
}

在上面的代码中，我们将容器的display属性设置为grid，然后使用grid-template-rows属性将容器分为两行，并使用1fr单位来实现均分。grid-gap属性用于设置行间距。

你可以根据实际需求调整行数和行间距。