CSS Grid 布局指南

CSS Grid 布局

CSS Grid 是一种二维布局系统，它可以让你轻松地创建复杂的布局。

基本概念

CSS Grid 由网格容器和网格项目组成。网格容器是使用 display: grid 或 display: inline-grid 声明的元素。

网格线

网格线是网格的基本组成部分，它们将网格划分为行和列。

网格轨道

网格轨道是网格线之间的空间，它们可以是行或列。

网格区域

网格区域是由多个网格单元格组成的矩形区域。

网格模板

你可以使用 grid-template-columns 和 grid-template-rows 属性定义网格的列和行。

---

CSS Grid 是一种强大的布局系统，它可以让你轻松地创建复杂的布局。