- Foundation 常規
- Foundation - 全域性樣式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 工具
- Foundation - 媒體查詢
- Foundation - 網格
- 基礎 - Flex 網格
- Foundation - 表單
- Foundation - 可見性類
- Foundation - 基本排版
- Foundation - 排版輔助工具
- Foundation - 基本控制元件
- Foundation - 導航
- Foundation - 容器
- Foundation - 媒體
- Foundation - 外掛
- Foundation SASS
- Foundation - Sass 函式
- Foundation - Sass 混合器
- Foundation 庫
- Foundation - Motion UI
- Foundation 有用資源
- Foundation - 快速指南
- Foundation - 有用資源
- Foundation - 討論
基礎 - Flex 網格
網格依賴於 `flex` 顯示屬性。它包含許多 flexbox 可用的功能，例如自動堆疊、源順序、垂直對齊和水平對齊。
瀏覽器支援
Flex 網格支援 Chrome、Firefox、Internet Explorer 10+、Safari 6+、Android 4+ 和 iOS 7+。
下表描述了 Flex 網格的功能及其說明。
| 序號 | 功能與描述 |
|---|---|
| 1 | 匯入
它包含 Flex 網格的匯出混合器，以使用預設 CSS。 |
| 2 | 基礎
Flex 網格結構類似於浮動網格。 |
| 3 | 高階尺寸調整
如果列中不包含尺寸類，則它會自行擴充套件並填充列中剩餘的空間。 |
| 4 | 響應式調整
如果未給出 Flex 網格中列的顯式大小，則它將自動調整列的大小。 |
| 5 | 列對齊
Flex 網格列可以在父行中水平或垂直軸上對齊。 |
| 6 | 源順序
源順序有助於在不同尺寸的螢幕上重新排列列。 |
| 7 | Sass 參考
SASS（Syntactically Awesome Stylesheet）是一種 CSS 預處理器，它有助於減少 CSS 中的重複並節省時間。 |
廣告