基础 - Flex 网格

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

浏览器支持

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

下表介绍了 Flex Grid 的功能及其说明。

Sr.No. 功能和描述
1 导入

它包括用于 flex grid 使用默认 CSS 的导出混合。

2 基础知识

Flex grid 结构与 float grid 结构类似。

3 高级调整大小

如果列中未包含调整大小类,则它会自行扩展并填充列。

4 响应式调整

如果没有给出弹性网格中列的明确大小,则它将自动调整列的大小

5 列对齐

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

6 源排序

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

7 Sass 参考

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