css网格布局可以垂直居中显示吗

是的，CSS网格布局可以使用`align-items`和`justify-content`属性来垂直和水平居中元素。例如，可以使用以下代码将一个元素垂直和水平居中：

.container {
  display: grid;
  height: 100vh; /* 设置容器高度为整个视口高度 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

在这个例子中，`.container`是一个包含要垂直和水平居中的元素的容器，`display: grid`属性将其设置为网格布局。`height: 100vh`将其高度设置为整个视口高度，`justify-content: center`将元素水平居中，`align-items: center`将元素垂直居中。