grid 网格布局

早就看到grid相关的东西了,但是呢一直没有仔细去研究过,其实也是看过文档的,只是东西有点多,没看太明白,今天就死磕一下这一块。

 

好吧,大话还是说早了,事实上我又阵亡了,这个文档是真的长,

和flex一样,也是分为了容器属性和项目属性。

容器属性比较复杂,分成了9种,不过,其中有几种是其他属性的简写,准确说,应该是有7种吧

 

项目属性呢,相对就简单点了,总共列出了4大类的属性,4.1,4.2,4.3说的是一件事

4.4呢有点不同,规定了单元格内部的对齐方式。

这玩意功能确实很强大,感觉就像玩魔方,他总能实现你想要的效果,这里面的排列组合就需要好好研究下了,好了,这一篇就先写到这儿,

等实际用到了之后再来重新总结,我已经被茫茫多的属性名称给搞糊涂了。

 

 

这一篇是看了阮一峰的文章写的,刚才,又看到了一篇介绍文章,感觉还不错:

https://www.html.cn/archives/8510,下次再来细读。

posted @ 2020-11-23 23:52  yang_nick  阅读(71)  评论(0编辑  收藏  举报