持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情
Align-content属性
Align-content是相反的justify-content。你可以使用该align-content属性在容器中垂直定位项目。
就像 一样justify-content，该align-content属性有六个可能的值：
Startendcenterspace-aroundspace-betweenspace-evenly
start
这会将项目定位在浏览器的顶部，并且可以使用以下代码执行：
align-content: start;
对齐内容：开始；
end
这会将项目定位在浏览器的底部，并且可以使用以下代码执行：
align-content: end;
对齐内容：结束
center
这会将项目定位在浏览器的中心，并且可以使用以下代码执行：
align-content: center;
对齐内容：居中；
space-around
此属性沿容器的侧面均匀分布项目，其中容器中的每个项目与下一个项目垂直具有相等的空间。
这段代码可以这样执行：
align-content: space-around;
对齐内容：空格
space-between
就像space-around属性一样，Space-between将容器中的项目均匀分布，其中容器中的每个项目与容器中的下一个项目具有相等的空间，并且在垂直方向上占据了容器的整个宽度。
这段代码可以这样执行：
align-content: space-between;
对齐内容：之间的空格
space-evenly
正如名称所述，此属性均匀分布容器中的项目，其中容器中的每个项目与下一个项目垂直具有相等的空间。
这段代码可以这样执行：
align-content: space-evenly;
对齐内容：空间均匀
结论
在上述文章中，我们研究了 CSS Grid Layout 是什么，为什么要学习它，以及 CSS Grid 的属性。
感谢你的阅读。
