基础 - Flex 网格


网格取决于Flex显示属性。它由 Flexbox 提供的许多功能组成,例如自动堆叠、源排序、垂直对齐和水平对齐。

浏览器支持

Chrome、Firefox、Internet Explorer 10+、Safari 6+、Android 4+ 和 iOS 7+ 支持 Flex 网格。

下表描述了 Flex Grid 的功能及其说明。

先生。 特点及描述
1 输入

它包括 Flex 网格的导出 mixin 以使用默认 CSS。

2 基本

Flex网格结构与浮动网格类似。

3 高级尺寸调整

如果列中不包含大小调整类,则它会自行扩展并填充列中的剩余空间。

4 响应式调整

如果未给出 Flex 网格中列的明确大小,那么它将自动调整列的大小

5 列对齐

弹性网格列可以在父行中水平或垂直轴对齐。

6 来源订购

源排序有助于在不同尺寸的屏幕中重新排列列。

7 Sass 参考

SASS(Syntropically Awesome Stylesheet)是一个 CSS 预处理器,有助于减少 CSS 的重复并节省时间。