Flex Grid

优质

小牛编辑

125浏览

2023-12-01

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