RE: [css3-flexbox] Flex-align possibilities

Interesting, I see what you mean... e.g. in #5 "flex-align:after" makes all items the same height; then "margin-bottom:auto" put the whole row at the top of the flexbox.

Apparently I was looking at align+margin but reading it as "align+margin reduced"... I see the action as *first* margins take away any space over shrink-to-fit, and *second* if size is bigger than shrink-to-fit (either it is specified or there are no auto margins), the content is aligned within the box. If baseline alignment is used, it affects position if there are auto margins, or alignment within the box otherwise.

I wonder if you have tried building the same diagram for vertical flexbox... Considering that all combinations of 'text-align' and 'margin-xxx:auto' are already well defined it may be a good reference for what to expect in horizontal flexbox...

-----Original Message-----
From: Tab Atkins Jr. [mailto:jackalmage@gmail.com] 
Sent: Tuesday, December 21, 2010 2:40 PM
To: Alex Mogilevsky
Cc: www-style list
Subject: Re: [css3-flexbox] Flex-align possibilities

1, 4, and 5 shouldn't be the same, nor the other ones.  The point for each is that *first* the contents are aligned as specified by the second argument, then *second* the boxes as a unit are aligned as specified by the first argument.

Received on Wednesday, 22 December 2010 00:08:10 UTC