CSS Grid 布局模块 Level 2

Avatar of Geoff Graham
Geoff Graham

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

CSS Grid 的第二个迭代版本已经在开发中,并且上周发布了公共编辑器草案!虽然它绝不是最终的 W3C 建议,但此草案是围绕许多我们自第一级发布以来一直希望看到的重大概念展开讨论的开始,包括 子网格

在某些情况下,可能需要多个网格项目的內容彼此对齐。本身也是网格项目的网格容器可以将其行和列的定义推迟到其父网格容器,使其成为一个子网格。在这种情况下,子网格的网格项目参与父网格容器的网格大小调整,从而允许两个网格的內容对齐。

当前定义的子网格项目的特征特别有趣,因为它们说明了子网格与其父网格之间的差异。例如

子网格在其子网格化维度(维度)中始终被拉伸:其上的 align-self/justify-self 属性被忽略,任何指定的宽度/高度约束也被忽略。

除了子网格之外,草案中还定义了 纵横比控制的间隙一致性,并且值得一读。很高兴看到网格领域有如此大的发展势头!

直接链接 →