![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
grid
Fade Away
这个作者很懒,什么都没留下…
展开
-
grid【一【设置分区方式一】】
第一步,设置父元素的grid属性 width: 400px; height: 400px; display: -webkit-grid; display: grid;第二步,设置父元素的grid宽高grid-template-columns:100px 100px 100px auto;grid-template-rows:100px 100px 100px...原创 2019-04-03 09:46:45 · 453 阅读 · 0 评论 -
grid位置分配【【位置分配】二】
先搭建基本模型<style> .contaniner{ width: 400px; height: 400px; display: -webkit-grid; display: grid; grid-template-columns:100px 100px 100px auto; grid-template-rows:100px ...原创 2019-04-03 10:49:35 · 714 阅读 · 0 评论 -
grid【父元素布局方式】【三】
第一篇的父元素布局样式第一种写法.contaniner { width: 400px; height: 400px; display: -webkit-grid; display: grid; grid-template-columns: 100px 100px 100px auto; grid-template-rows: 100px 100p...原创 2019-04-03 14:17:04 · 258 阅读 · 0 评论 -
grid【四【子元素属性值】】
先说明一下:子元素位置分配有两种。一种利用子元素的grid-area和父元素的grid-template-areas 配合实现子元素空间分配原创 2019-04-03 14:19:55 · 278 阅读 · 0 评论