Re: [css3-flexbox] Flexbox issues

--------------------------------------------------
From: "Tab Atkins Jr." <jackalmage@gmail.com>
Sent: Wednesday, April 14, 2010 11:29 AM
To: "Andrew Fedoniouk" <news@terrainformatica.com>
Cc: "www-style list" <www-style@w3.org>
Subject: Re: [css3-flexbox] Flexbox issues

> On Tue, Apr 13, 2010 at 10:59 PM, Andrew Fedoniouk
> <news@terrainformatica.com> wrote:
>> In case of flex units and 'flow' property we can use [1]
>> CSS property 'clear' with its standard values and exactly
>> with the same meaning. No new entities are required.
>>
>> This:
>>
>> div.container { flow:horizontal-flow; }
>> div.container > * { width:*; height:*; }
>> div.container > :nth-child(2n+1) { clear:right; }
>
> clear doesn't work sufficiently, though the idea is indeed the same.
> clear only allows left or right, which is fine for horizontal
> flexboxes, but not vertical ones.  Further, reverse-direction
> flexboxes might interact oddly.

So far clear: 'left' | 'right' works in flow: vertical-flow ( a.k.a. 
vertical-wrap)
containers with the meaning 'before' | 'after'.

>
> Better to have a single value that just means "break the line", than
> having to worry about whether you need left or right, or top or
> bottom, or what.  I'm fine with 'clear' remaining part of the static
> layout model only.

I believe that clear: 'before' | 'after' | 'both' would be just enough.
In classic float context 'before' will be a synonym of 'left' and 'after' of 
'right'.
Would be nice if we can deprecate 'left' and 'right' as they, indeed have no 
future
even in float context.

-- 
Andrew Fedoniouk

http://terrainformatica.com
 

Received on Thursday, 15 April 2010 03:37:11 UTC