http://dev.w3.org/csswg/css3-flexbox/#align-content
It says:
The ‘align-content’ property aligns a flex container's lines within
the flex container when there is extra space in the cross-axis,
similar to how ‘justify-content’ aligns individual items within the
main-axis:
And we have this note at the end:
Note: Only flex containers with multiple lines ever have free space
in the cross-axis for lines to be aligned in, because in a flex
container with a single line the sole line automatically stretches to
fill the space.
I suppose this is because of what
http://dev.w3.org/csswg/css3-flexbox/#flex-lines has to say:
When a flex container (even a multi-line one) has only one line, the
cross size of the line is the cross size of the flex container, and
‘align-content’ has no effect.
So far so good.
But why then do the ‘space-between’ and ‘space-around’ paragraphs in
'align-content' say "or there is only a single line in the flex
container"? If there is only one line, align-content has no effect
(doesn't apply?), so I don't see how this can happen.
--
---- Morten Stenshorne, developer, Opera Software ASA ----
---- Office: +47 23692400 ------ Mobile: +47 93440112 ----
------------------ http://www.opera.com/ -----------------