CSS Grid布局实战指南

CSS Grid是CSS中最强大的布局系统之一，它提供了二维布局能力。

Grid容器

Grid容器是所有Grid项的父元素。通过设置display: grid，我们可以将一个元素定义为Grid容器。

Grid项

Grid容器的直接子元素会自动成为Grid项。我们可以使用grid-template-columns和grid-template-rows来定义网格。