flex

Read More at MDN DocsView Spec

Safe to Use

flex is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeAug 20, 2013v29.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariSep 30, 2015v9.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxApr 2, 2013v20.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Aug 20, 2013 v29.0.0
26%╱100%
100% of Chrome users are running a supported version.
Aug 20, 2013 – Latest
v29.0.0+
26%╱100%

Full Support

Jul 31, 2012 – Latest
v21.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Chrome Android
Aug 21, 2013 v29.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Aug 21, 2013 – Latest
v29.0.0+
36%╱100%

Full Support

Feb 27, 2013 – Latest
v25.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Firefox
Apr 2, 2013 v20.0.0
3%╱100%
100% of Firefox users are running a supported version.
Apr 2, 2013 – Latest
v20.0.0+
3%╱100%

Full Support

Since Firefox 28, multi-line flexbox is supported.

Before Firefox 32, Firefox wasn't able to animate values starting or stopping at 0.

Until Firefox 61, flex items that are sized according to their content are sized using fit-content, not max-content.

Sep 20, 2016 – Latest
v49.0.0+
3%╱100%

Implemented with the vendor prefix: -webkit-

Firefox for Android
Apr 2, 2013 v20.0.0
Firefox for Android supports this feature.
Apr 2, 2013 – Latest
v20.0.0+

Full Support

Since Firefox 28, multi-line flexbox is supported.

Before Firefox 32, Firefox wasn't able to animate values starting or stopping at 0.

Until Firefox 61, flex items that are sized according to their content are sized using fit-content, not max-content.

Sep 20, 2016 – Latest
v49.0.0+

Implemented with the vendor prefix: -webkit-

Internet Explorer
Oct 17, 2013 v11.0.0
0%╱83%
There are no users of Internet Explorer running a supported version.
Oct 17, 2013 – Latest
v11.0.0+
0%╱83%

Full Support

Internet Explorer 11 ignores uses of calc() in the flex-basis part of the flex syntax. This can be worked around by using the longhand properties instead of the shorthand. See Flexbug #8 for more info.

Internet Explorer 11 considers a unitless value in the flex-basis part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the flex-basis part of the flex shorthand value. See Flexbug #4 for more info.

Oct 26, 2012 – Latest
v10.0.0+
0%╱83%

Implemented with the vendor prefix: -ms-

Internet Explorer 10 and 11 ignore uses of calc() in the flex-basis part of the flex syntax. This can be worked around by using the longhand properties instead of the shorthand. See Flexbug #8 for more info.

Internet Explorer 10 and 11 consider a unitless value in the flex-basis part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the flex-basis part of the flex shorthand value. See Flexbug #4 for more info.

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

Opera
Nov 20, 2012 v12.1.0
1%╱100%
100% of Opera users are running a supported version.
Nov 20, 2012 – Latest
v12.1.0+
1%╱100%

Full Support

Opera Android
Oct 9, 2012 v12.1.0
Opera Android supports this feature.
Oct 9, 2012 – Latest
v12.1.0+

Full Support

Safari
Sep 30, 2015 v9.0.0
5%╱100%
100% of Safari users are running a supported version.
Sep 30, 2015 – Latest
v9.0.0+
5%╱100%

Full Support

Oct 22, 2013 – Latest
v7.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Safari on iOS
Sep 16, 2015 v9.0.0
16%╱100%
There are no users of Safari on iOS running a supported version.
Sep 16, 2015 – Latest
v9.0.0+
16%╱100%

Full Support

Sep 18, 2013 – Latest
v7.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Samsung Internet
Oct 17, 2014 v2.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Oct 17, 2014 – Latest
v2.0.0+
2%╱100%

Full Support

Sep 25, 2013 – Latest
v1.5.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebView Android
Dec 9, 2013 v4.4.0
WebView Android supports this feature.
Dec 9, 2013 – Latest
v4.4.0+

Full Support

Sep 3, 2014 – Latest
v37.0.0+

Implemented with the vendor prefix: -webkit-

See Also

Contribute