W3C home > Mailing lists > Public > www-style@w3.org > May 2012

Re: [css3-align][css3-flexbox] Value keywords for distribution

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 16 May 2012 17:08:56 -0700
Message-ID: <CAAWBYDDXgp91VbGFk1JKvtjD++x6sRLQvSz6kNUL9_ui9F62NQ@mail.gmail.com>
To: fantasai <fantasai.lists@inkedblade.net>
Cc: www-style@w3.org
On Wed, May 16, 2012 at 4:58 PM, fantasai <fantasai.lists@inkedblade.net> wrote:
> On 05/16/2012 04:35 PM, Ojan Vafai wrote:
>> On Wed, May 16, 2012 at 3:38 PM, fantasai <fantasai.lists@inkedblade.net
>> <mailto:fantasai.lists@inkedblade.net>> wrote:
>>    There are two alignment keywords that distribute items evenly along the
>> flex axis:
>>    'justify' and 'distribute'. One of them aligns the first and last items
>> flush
>>    against the edges, and the other puts space equally around all items.
>>
>>    There's two problems:
>>      * It's not clear from the names which is which.
>>      * 'distribute' behaves the opposite of its behavior in 'text-justify'
>> (which
>>        aligns the first/last characters flush with the edges).
>>
>>    There are actually three possible behaviors you might want:
>>
>>    Edges flush
>>
>>      |[item]<-------->[item]<------__-->[item]|
>>
>>    Equal spacing
>>
>>      |<--->[item]<--->[item]<--->[__item]<--->|
>>
>>
>>
>> Can you give an example where you'd actually want this behavior?
>
>
> It was requested here:
>  http://lists.w3.org/Archives/Public/www-style/2011Dec/0344.html
>
> But it looks like the screenshot subsequently linked in the thread
> doesn't match that case, it matches "equal margins"...

Ah, you're right, that screenshot clearly has a half-space on the
edges, not a full space.

> In that case, I'd suggest either 'distribute' or 'distribute-flush'
> for the first case, and 'distribute-space' for the second, which
> would match ruby-align and make it clearer which is which.

I'm cool with 'distribute' being the "flush on the edges" behavior -
the current assignation of names is pretty much arbitrary, and if it
matches the text-justify naming, that's cool.

'distribute-space' is acceptable for the half-space-on-edges behavior.

~TJ
Received on Thursday, 17 May 2012 00:09:47 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:54 GMT