justify-content: space-between) does not work.įlexbox ignores overflow: hidden and expands the flexbox child when the content is larger than the child’s width. Percentage widths set on flex items are ignored. The setting display: box is treated as display: inline-box if there is no width set. Ordering flex-items with box-ordinal-group requires a positive integer (the value 0 is also valid in Firefox but not in Webkit, so just use positive integers).įirefox has a number of non-trivial issues with its 2009 implementation: box-lines is the property in this spec to achieve wrapping, though unfortunately no browser implemented it. flex-line-pack) doesn't work if the cross axis dimension is set with min-width or min-heightīox wrapping is not supported. Known issues Flexbox early 2012 Flexbox early 2012 (Internet Explorer 10)Īlign-content (equiv. Flexbox 2009 - W3C Working Draft, 23 July 2009įirefox 2+ -moz-, Chrome 4+ -webkit-, Safari 3.1+ -webkit.Flexbox early 2012 - W3C Working Draft, 22 March 2012.Flexbox 2012 - W3C Candidate Recommendation, September 2012.

The earlier 2009 spec is less comprehensive though covers a lot of the same ground. The two 2012 specs are roughly equivilant in terms of features, differing mainly in syntax. Three versions of the flexbox spec – each with different syntax – have been implemented in browsers.

Center inline flex