grid 是一个 CSS 简写属性，可以用来设置以下属性： 显式网格属性 grid-template-rows 、 grid-template-columns 和 grid-template-areas， 隐式网格属性 grid-auto-rows 、 grid-auto-columns 和 grid-auto-flow， 间距属性 grid-column-gap 和 grid-row-gap。 In this module discover everything grid has to offer. Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。
Free photo: Grid - Bspo06, Channels, Curves - Free Download - Jooinn
The grid layout module allows developers to easily create complex web layouts
The grid layout module makes it easy to design a responsive layout structure, without using float or positioning.
1.什么是grid布局? Flex布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局，Grid 布局则是将容器划分成“行"和“列”，产生单元格，然后指定"项目所在”的单元格，可以看作是二维布局，Grid布局远比 Flex布局强大。 Our comprehensive guide to css grid, focusing on all the settings both for the grid parent container and the grid child elements. grid 是一个 CSS 所有网格容器的简写属性，可以用来设置以下属性： 显式网格属性： grid-template-rows、grid-template-columns 和 grid-template-areas。 Css grid layout provides a two dimensional layout system, controlling layout in rows and columns
