Foundation - Flex Grid

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

浏览器支持

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

下表描述了Flex Grid的功能以及描述.

Sr.No.功能&说明
1导入

它包含flex网格的导出mixin以使用默认CSS.

2基础知识

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

3高级大小调整

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

4响应式调整

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

5列对齐

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

6来源订购

来源订购有助于重新排列不同尺寸屏幕的列.

7Sass Reference

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