qq_26239917的博客

第一步，设置父元素的grid属性 width: 400px; height: 400px; display: -webkit-grid; display: grid; 第二步，设置父元素的grid宽高 grid-template-columns:100px 100px 100px auto; grid-template-rows:100px 100px 100px...

先搭建基本模型 <style> .contaniner{ width: 400px; height: 400px; display: -webkit-grid; display: grid; grid-template-columns:100px 100px 100px auto; grid-template-rows:100px ...

第一篇的父元素布局样式 第一种写法 .contaniner { width: 400px; height: 400px; display: -webkit-grid; display: grid; grid-template-columns: 100px 100px 100px auto; grid-template-rows: 100px 100p...

先说明一下：子元素位置分配有两种。一种利用子元素的grid-area和父元素的grid-template-areas 配合实现子元素空间分配