CSS布局——grid布局

grid布局

前面写了CSS布局 ——float布局和flex布局，这次写grid布局。当不需要兼容IE只需要兼容最新浏览器时可以用grid布局。grid布局是功能最强大的布局方案，二维布局用grid布局,一维布局用flex布局。grid适合不规则布局，这款grid小游戏方便我们了解掌握gird功能
详细grid布局功能

grid布局内容

container

grid也分container和items。成为container的代码

.container {
   
display: grid | inline-grid;
}

行和列

.container {
   
gird-template-columns: 40px 50px auto 50px 40px;
gird-template-rows: 20% 100px auto;
}