W3C home > Mailing lists > Public > www-style@w3.org > July 2011

Re: [css3-flexbox] getting multiline flexbox back into the spec

From: Andrew Fedoniouk <andrew.fedoniouk@live.com>
Date: Mon, 25 Jul 2011 07:16:43 -0700
Message-ID: <BLU165-ds1408AF0423B3D2F2DABB6AF8330@phx.gbl>
To: "Alex Mogilevsky" <alexmog@microsoft.com>, "fantasai" <fantasai.lists@inkedblade.net>, <www-style@w3.org>
>-----Original Message----- 
>From: Alex Mogilevsky
>Sent: Sunday, July 24, 2011 5:36 PM
>To: fantasai ; www-style@w3.org
>Subject: RE: [css3-flexbox] getting multiline flexbox back into the spec
>
>± From: www-style-request@w3.org [mailto:www-style-request@w3.org] On 
>Behalf
>± Of fantasai
>± Sent: Sunday, July 24, 2011 10:18 AM
>±

>
>Option 7.3
>
>    flex-flow: [ rows | columns | horizontal | vertical ] ||
>               [ normal | reverse | ltr | rtl | ttb | btt ] ||
>               [ wrap | wrap-reverse | wrap-left | wrap-right | wrap-down| 
> wrap-up ]
>

What is the difference between

  flex-flow: rows;

and

  flex-flow: horizontal wrap;

?

And I would add to the list these two values:

  flex-flow: stack;

Children replaced one on top another. Intrinsic dimensions of
flex-flow: stack; container are equal to tallest/widest child
dimensions. This kind of layout is used by tabs container and
is not achievable in CSS at all at the moment.

  flex-flow: flow(1 2,
                  1 3);

The flow function is an explicit defintion of how container
replaces its children.
The flow(row1, row2, ..., rowN ) "function" contains comma
separated list of row defintions. Each row contains white
space separated list of integers - indexes of elements that
will be replaced in the cell. Elements can span multiple
cells.


-- 
Andrew Fedoniouk

http://terrainformatica.com
Received on Monday, 25 July 2011 14:17:13 GMT

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