📜  Foundation-Flex Grid

📅  最后修改于: 2020-10-25 05:54:25             🧑  作者: Mango


 

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

浏览器支持

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

下表描述了Flex Grid的功能及其描述。

Sr.No. Features & Description
1 Importing

It includes the export mixin for the flex grid to use the default CSS.

2 Basics

The Flex grid structure is similar to that of float grid.

3 Advanced Sizing

If the sizing class is not included in the column, then it expands itself and fills the remaining space in the column.

4 Responsive Adjustments

If the explicit size of column in flex grid is not given, then it will auto-size the columns

5 Column Alignment

The flex grid columns can be aligned horizontal or vertical axis in the parent row.

6 Source Ordering

Source ordering helps to rearrange the column in different size of screens.

7 Sass Reference

SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor which helps to reduce repetition with CSS and saves time.