Flexbox
Widely available since 2018-03-30 (baseline high)
Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.
Compatibility (view on caniuse.com)
- Chrome 29 Released on 2013-08-20
- Chrome Android 29 Released on 2013-08-21
- Edge 12 Released on 2015-07-29
- Firefox 28 Released on 2014-03-18
- Firefox for Android 28 Released on 2014-03-18
- Safari 9 Released on 2015-09-30
- Safari on iOS 9 Released on 2015-09-16
MDN docs
Specifications
BCD data
- css.properties.display.flex
- css.properties.display.inline-flex
- css.properties.flex
- css.properties.flex-direction
- css.properties.flex-grow
- css.properties.flex-shrink
- css.properties.order
- css.properties.flex-basis
- css.properties.flex-basis.auto
- css.properties.align-content.flex_context
- css.properties.flex-flow
- css.properties.flex-wrap
- css.properties.align-self.flex_context
- css.properties.align-items.flex_context
- css.properties.justify-content.flex_context
- css.properties.justify-items.flex_context
- css.properties.align-self.flex_context.baseline
- css.properties.align-items.flex_context.baseline
- css.properties.align-content.flex_context.stretch
- css.properties.align-self.flex_context.stretch
- css.properties.justify-content.flex_context.stretch
- css.properties.place-content.flex_context
- css.properties.place-items.flex_context
- css.properties.place-self.flex_context