基础 - Flex 网格

网格依赖于 `flex` 显示属性。它包含许多 flexbox 可用的功能，例如自动堆叠、源顺序、垂直对齐和水平对齐。

浏览器支持

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

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

序号	功能与描述
1	导入它包含 Flex 网格的导出混合器，以使用默认 CSS。
2	基础 Flex 网格结构类似于浮动网格。
3	高级尺寸调整如果列中不包含尺寸类，则它会自行扩展并填充列中剩余的空间。
4	响应式调整如果未给出 Flex 网格中列的显式大小，则它将自动调整列的大小。
5	列对齐 Flex 网格列可以在父行中水平或垂直轴上对齐。
6	源顺序源顺序有助于在不同尺寸的屏幕上重新排列列。
7	Sass 参考 SASS（Syntactically Awesome Stylesheet）是一种 CSS 预处理器，它有助于减少 CSS 中的重复并节省时间。

打印页面