grid布局

一、网格布局（Grid）

它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局

1. 采用网格布局的区域，称为"容器"（container）。

2. 容器内部采用网格定位的子元素，称为"项目"（item）。

3. 注意：项目只能是容器的 顶层子 元素，不包含项目的子元素。Grid 布局只对项目生效。

1.grid布局中的行和列

容器里面的水平区域称为"行"（row），垂直区域称为"列"（column）。

2.grid布局中的单元格

           行和列的交叉区域，称为"单元格"（cell）。正常情况下，n行和m列会产生n x m个单元格。比如，3行3列会产生9个单元格。 

3.grid布局中的网格线

划分网格的线，称为"网格线"（grid line）。水平网格线划分出行，垂直网格线划分出列<