Foundation教程

Foundation Flex Grid

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

浏览器支持

Chrome、Firefox、Internet Explorer 10+、Safari 6+、Android 4+ 和 iOS 7+ 支持 flex 网格。
下表描述了 Flex Grid 的功能以及说明。
功能和描述
导入
它包括用于 flex 网格的导出 mixin 以使用默认 CSS。
基础
Flex 网格结构类似于浮动网格。
高级尺寸调整
如果尺寸调整类未包含在列中,则它会自行扩展并填充列中的剩余空间。
响应式调整
如果没有给出 flex grid 中列的明确大小,那么它会自动调整列的大小
列对齐
弹性网格列可以在父行中水平或垂直对齐。
源排序
源排序有助于在不同大小的屏幕中重新排列列。
Sass 参考
SASS(Syntactically Awesome Stylesheet)是一个 CSS 预处理器,有助于减少 CSS 的重复并节省时间。 p>
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4