Grid水平垂直居中
在CSS中，在网格（Grid）布局中，如果你想让一个元素在其父容器中水平和垂直居中，你可以使用align-items和justify-items属性，或者在单个网格项上使用align-self和justify-self属性。下面是一些常见的方法来实现水平和垂直居中：
<!--more-->
## 方法1：在父容器上使用
如果你想要整个网格容器内的所有项目都居中，可以在父容器上设置：
```scss
.grid-container {
display: grid;
place-items: center; /* 简写属性，等同于同时设置 align-item
more...
