Grid-css3

网格容器属性(Grid Container)

display

grid-template-row和grid-template-columns ：定义网格的行和列

grid-template-areas ：定义网格区域名称

grid-column-gap和grid-row-gap ：指定网格线的大小

justify-items和align-item ：沿列/行轴对齐网格项中的内容

justify-content和align-content ：将网格沿列/行轴进行对齐

grid-auto-columns和grid-auto-rows ：自动生成的网格轨道

grid-auto-flow ：自动布局算法的工作原理

网格项属性(Grid Items)

grid-column-start/grid-column-end ：网格项的网格线的起始位置

grid-row-start/grid-row-end ： 网格项的网格线的终止位置

grid-area ：网格项进行命名

justify-self和align-self：沿列/行轴对齐网格项中的内容

浏览器配置

·chrome://flags回车后在列表清单中找到“启用实验性网络平台功能”（#enable-experimental-web-platform-features），一个更为简单的方法，可以直接在浏览器地址栏中输入网址：chrome://flags#enable-experimental-web-platform-features立马定位需要的选项，然后点击“启用”(enable)按钮。开启之后，记得重启您的浏览器。

反馈邮箱：[email protected]