grid布局实现水平垂直居中

要在grid布局中实现水平垂直居中，可以使用以下属性和值组合：
1. 对于容器（grid container）：
- 设置justify-content属性为center，单元格内容水平居中对齐。
- 设置align-content属性为center，将单元格内容垂直居中对齐。

2. 对于项目（grid item）：
- 设置justify-items属性为center，将项目内容在单元格内水平居中对齐。
- 设置align-items属性为center，将项目内容在单元格内垂直居中对齐。

通过以上属性和值的组合，可以实现grid布局中的水平垂直居中效果。

参考链接：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html<span class="em">1</span><span class="em">2</span><span class="em">3</span>