CSS Flexbox

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 (launch bug) in:

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

Consensus & Standardization

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

Owner

• ojan@chromium.org

Last updated on 2017-06-14