序言
您将在本文中,简单了解到如何使用网格布局,一种布局有多种实现方式,曾今对于使用老的弹性盒模型(display:box)以及新的flex(display:flex)布局用过的话,对于css Grid...网格布局又是一个新的玩意,它相比于前两者,非常的强大,我也是个初学者,如果译文有误导的地方,请路过的老师多提意见和指正,如果你想阅读英文原文,扫文末下方的二维码,或者跳转到指定的链接就可以了的
开始...我个人认为它比Bootstrap更好
这个模块今年也得到了主流浏览器(Safari,Chrome,Firefox,Edge)的本地支持,所以我相信所有的前端开发者都不得不在不久的将来学习这个技术
在本文中...直到你理解了基础知识之后,我才会把你不应该关心的一切都抛在脑后
你的第一个网格布局
CSS Grid的两个核心成分是包装(父)和物品(子)。...放置项目
接下来你需要学习的是如何在网格上放置物品.这是你获得超级能力的地方,因为它使得创建布局变得非常简单
让我们来创建一个3x3网格,使用与之前相同的标记
.wrapper{
display