Day17
今天重新温习了下grid网格布局
定义网格布局
gird-template-row,grid-template-column
在这里可以使用repeat(autofill,minmax(50px,1fr)使子元素变为占满行或者占满列（用于容器大小不定）
还可以使用命名布局
gird-gap控制网格间距
gird-aera定义网格子元素的大小
grid-auto控制隐藏式网格的行宽列宽
还有一些控制对齐方式的属性
justify-content,justify-item
align-item align-content
子元素对齐方式
align-self等
![[红脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_63.c32f5b5.png)
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)