序言
您将在本文中,简单了解到如何使用网格布局,一种布局有多种实现方式,曾今对于使用老的弹性盒模型(display:box)以及新的flex(display:flex)布局用过的话,对于css Grid...网格布局又是一个新的玩意,它相比于前两者,非常的强大,我也是个初学者,如果译文有误导的地方,请路过的老师多提意见和指正,如果你想阅读英文原文,扫文末下方的二维码,或者跳转到指定的链接就可以了的
开始...直到你理解了基础知识之后,我才会把你不应该关心的一切都抛在脑后
你的第一个网格布局
CSS Grid的两个核心成分是包装(父)和物品(子)。...列和行
为了使它成为二维的,我们需要定义列和行。我们创建三列和两行。...以下是在屏幕上显示的内容
?
当你们为什么只有3列的时候,我们有4条专栏?看看这个图片,我画了黑色的列线
?
请注意,我们现在正在使用网格中的所有行。