grid 简写方式更进一步,它包含了与隐式网格相关的属性,所以通过它可以同时设置以下属性:
grid-template-rows grid-template-columns grid-template-areas grid-auto-rows grid-auto-columns grid-auto-flow这个属性会把 grid-gap 属性的值重置为 0,而且你还不能在简写中设置间距值。
你可以像使用 grid-template 一样使用这个语法,不过要注意的是当它执行时,它会重置一些其他值。
css.wrapper { display: grid; grid:"hd hd hd hdhdhdhdhdhd" minmax(100px, auto)"sd sd sd main main main main main main" minmax(100px, auto)"ft ft ft ftftftftftft" minmax(100px, auto)/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}在读过本指南后面的自动定位和 grid-auto-flow 属性之后,我们会回过头来再看看这个属性提供的其他功能。
如果你通过阅读本指南前面的几篇文章已经开始上手了,那么你应该是用基于线的定位方式或用命名区域的方式来创建网格布局的。花费一些时间用网格去创建常见的布局模式,虽然还有很多的术语要学习,不过语法是非常一目了然的。在你练习开发的过程中可能会遭遇到一些问题,并且用我们没有讲过的方法去解决它们。在本指南后面的文章中,我们将着眼于