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

Re: [css3-flexbox] handling whitespace between items in a flexbox

From: Boris Zbarsky <bzbarsky@MIT.EDU>
Date: Wed, 18 Apr 2012 10:05:48 -0400
Message-ID: <4F8ECA3C.2040608@mit.edu>
To: www-style@w3.org
On 4/18/12 3:20 AM, Alex Mogilevsky wrote:
> That does sound good, it may be all that we need to add, or almost.
>
> In this case
>
>   <div style="display: flexbox">
>     <img>
>     x
>     <img>
>   </div>
>
> Are there any spaces in the anonymous block "x"?

Yes.

Do those spaces _render_?  That depends on the value of white-space, as 
you say.  The usual rules of 
http://www.w3.org/TR/CSS21/text.html#white-space-model are applied to 
the anonymous block, and would normally cause leading and trailing 
whitespace inside a block to not render if white-space is 'normal'. 
There's no need to explicitly specify this in flexbox, since it falls 
directly out of the anonymous item being a block-inside.

> Of course with "white-space:pre" or other options that prevent collapsing, whitespace should produce anonymous flex items.

That's actually not what the current spec says, per earlier discussion 
on this list, and not what Gecko's implementation will do.  In 
particular, in your example above, if the <div> is white-space:pre there 
will be exactly three flexbox items: an image, a block with some text 
including non-collapsible whitespace, and a second image.

-Boris
Received on Wednesday, 18 April 2012 14:06:23 GMT

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