## 4，grid网格布局 阮一峰css的grid  - display: grid 设为网格布局以后，容器子元素（项目）的float、display: inline-block、display: table-cell、vertical-align和column-*等设置都将失效。 - 划分行和列。 grid-template-columns属性定义每一列的列宽，grid-template-rows属性定义每一行的行高，除了使用绝对单位，也可以使用百分比。 - repeat() grid-template-columns: repeat(3, 33.33%); grid-template-columns: repeat(2, 100px 20px 80px); - auto-fill 关键字 grid-template-columns: repeat(auto-fill, 100px); // 每列宽度100px，然后自动填充，直到容器不能放置更多的列