grid布局
傻傻分不清只能这么记了
row => width（水平向右数轴分配）
column =>height（垂直向下数轴分配）
-
grid-template“分土地”
grid-template: "葡萄 葡萄 葡萄" 1fr "龙虾 养鱼 养鱼" 1fr "龙虾 养鱼 养鱼" 1fr "西瓜 西瓜 西瓜" 1fr /1fr 1fr 1fr;
-
grid-auto-flow用来控制grid子项的流向的，类似flex-direction
grid-auto-flow: [ row | column ] || dense
row
column
dense 多的格子空白填充
对比flex
flex对于一维控制，grid对于二维控制
flex-direction: row|row-reverse|column|column-reverse;
column
引用和实例：
grid-auto-flow
www.zhangxinxu.com/wordpress/2…
grid
