CSS Flexible Box Layout
CSS Flexible is a module of CSS that defines a multi-column layout, allowing to express how content should flows between columns, and how gaps and rules are handled.
Reference
CSS Properties
Guides
- Using CSS flexible boxes
- Step-by-step tutorial about how to build layouts using this feature.
- Using flexbox to lay out Web applications
- Tutorial explaining how to use flexbox in the specific context of Web applications.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Flexible Box Layout Module | Candidate Recommendation | Initial definition. |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help! (en-US)
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 20.0 (20.0) | 21.0-webkit (en-US) 29.0 |
10.0-ms (en-US) 11.0 |
12.10 | 6.1-webkit (en-US) |
| Feature | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | 4.4 | 11 | 12.10 | 7.1-webkit (en-US) |