网格布局

1.网格布局时css3的一种布局系统

2.和弹性布局比较相似 

3.网格布局可以看作是二维布局（flex布局一维布局）

4.同样可以使用“align-items”，“justify-content”等属性

5.IE11部分支持

 

Grid基本概念

(1) display: grid —―创建网格容器;

2)所有直接子元素都成为:“grid items(网格项目)”

(3）属性:

grid-template-columns:列宽

grid-template-rows:行高