目录

Foundation - Flex Grid

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

浏览器支持 (Browser Support)

Chrome,Firefox,Internet Explorer 10 +,Safari 6 +,Android 4+和iOS 7+均支持flex网格。

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

Sr.No. 功能和描述
1 Importing

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

2 Basics

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

3 高级尺寸

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

4 响应调整

如果未给出弹性网格中列的显式大小,则它将自动调整列的大小

5 列对齐

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

6 来源订购

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

7 Sass参考

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

↑回到顶部↑
WIKI教程 @2018