开发手册 欢迎您!
软件开发者资料库

Foundation - Flex Grid

Foundation Flex Grid - 从简单和简单的步骤学习基础,从基本到高级概念,包括概述,安装,入门项目,厨房水槽,全局样式,Sass,JavaScript,JavaScript实用程序,媒体查询,网格,Flex网格,表单,可见性类,基本排版,排版助手,按钮,按钮组,关闭按钮,滑块,开关,导航,菜单,下拉菜单和向下钻取菜单,手风琴菜单,响应导航,麦哲伦,分页,面包屑,容器,手风琴,标注,下拉菜单-panes,媒体对象,画布,显示模态,表格,标签,Flex视频,标签,轨道,进度条,工具提示,插件,遵守,均衡器,交换,Toggler,粘滞,Sass功能和Mixins,运动UI。

网格取决于 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的重复和节省时间.