基础 - 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 重复并节省时间。 |