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

Specification

Established standard

Status in Chromium

Blink


Enabled by default (launch bug) in:

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

Consensus & Standardization

  • Shipped
  • Shipped
  • Shipped
  • Positive

Owner

Last updated on 2017-06-14