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

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 UTC