CSS Flexbox

CSS

A CSS box model optimized for user interface design. In the flex layout model, the children of a flex container can be laid out in any direction, and can "flex" their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent.

Documentation

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

Specification

Established standard

Status in Chromium

Blink components: Blink

Enabled by default (tracking bug) in:

Chrome for desktop release 21
Opera release 12
Opera for Android release 12

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Shipped
Edge: Shipped
Safari: Shipped
Web Developers: Positive

Owner

ojan@chromium.org

Last updated on 2017-06-14