CSS Grid

Grid 是一种二维布局模型，通过设置容器的 display: grid 属性来启用。主要概念包括：网格容器（grid container）、网格项目（grid items）、网格线（grid lines）、网格轨道（grid tracks）、网格单元格（grid cells）、网格区域（grid areas）。常用的 Grid 属性包括：grid-template-columns（列定义）、grid-template-rows（行定义）、grid-template-areas（区域定义）、grid-column-gap（列间距）、grid-row-gap（行间距）、grid-gap（简写）、justify-items（水平对齐）、align-items（垂直对齐）等。