CSS 彈性盒子版面模組

- CR

用於水平或垂直堆疊中定位元素的方法。支援包括所有以 flex 為開頭的屬性,以及 display: flexdisplay: inline-flexalign-contentalign-itemsalign-selfjustify-contentorder

Chrome

  1. 4 - 20: 部分支援
  2. 21 - 28: 已支援
  3. 29 - 123: 已支援
  4. 124: 已支援
  5. 125 - 127: 已支援

Edge

  1. 12 - 123: 已支援
  2. 124: 已支援

Safari

  1. 3.1 - 6: 部分支援
  2. 6.1 - 8: 已支援
  3. 9 - 17.3: 已支援
  4. 17.4: 已支援
  5. 17.5 - TP: 已支援

Firefox

  1. 2 - 21: 部分支援
  2. 22 - 27: 部分支援
  3. 28 - 124: 已支援
  4. 125: 已支援
  5. 126 - 128: 已支援

Opera

  1. 9 - 12: 不支援
  2. 12.1: 已支援
  3. 15 - 16: 已支援
  4. 17 - 108: 已支援
  5. 109: 已支援

IE

  1. 5.5 - 9: 不支援
  2. 10: 部分支援
  3. 11: 部分支援

Chrome for Android

  1. 124: 已支援

iOS 上的 Safari

  1. 3.2 - 6.1:部分支援
  2. 7 - 8.4:已支援
  3. 9 - 17.3: 已支援
  4. 17.4: 已支援
  5. 17.5:已支援

Samsung Internet

  1. 4 - 23:已支援
  2. 24:已支援

Opera Mini

  1. 全部:已支援

Opera Mobile

  1. 10 - 12:不支援
  2. 12.1: 已支援
  3. 80:已支援

Android 版 UC 瀏覽器

  1. 15.5:已支援

Android 瀏覽器

  1. 2.1 - 4.3:部分支援
  2. 4.4 - 4.4.4:已支援
  3. 124: 已支援

Android 版 Firefox

  1. 125: 已支援

QQ 瀏覽器

  1. 14.9:已支援

百度瀏覽器

  1. 13.52:已支援

KaiOS 瀏覽器

  1. 2.5:已支援
  2. 3:已支援

大部分部分支援指的是支援規範的較舊版本較舊語法

資源
Flexbox CSS 產生器
Flexbox 完整指南
跨瀏覽器支援教學
10up 開放原始碼 IE 8 和 9 對 Flexbox 的支援
Flexbugs:Flexbox 錯誤回報
Ecligrid - 行動裝置優先的 Flexbox 格線系統
寬度和彈性基準的差異
使用 Flexbox 解決常見版面問題的範例
Flexbox 遊樂場和程式碼產生器
使用最新規範的文章
子功能
Flexbox 的間距屬性