Skip to content

Commit d7ea44d

Browse files
committed
[css-flexbox] Revert back to using 'display', since we're planning to defer the longhands; un-notify paragraph on anonymous wrapper boxes. See <http://lists.w3.org/Archives/Public/www-style/2014Oct/0265.html>
--HG-- extra : rebase_source : 767f0319db773a763241e1f4ca316f18785eb709
1 parent 403c817 commit d7ea44d

2 files changed

Lines changed: 371 additions & 171 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -565,10 +565,7 @@ Flex Containers: the ''flex'' and ''inline-flex'' 'display' values</h2>
565565
Flex Items</h2>
566566

567567
Loosely speaking, the <a>flex items</a> of a <a>flex container</a>
568-
are the in-flow boxes generated from the contents
569-
of the element that generated the <a>flex container</a>.
570-
571-
<p>
568+
are boxes representing its in-flow contents.
572569
Each in-flow child of a <i>flex container</i>
573570
becomes a <i>flex item</i>,
574571
and each contiguous run of text that is directly contained inside a <i>flex container</i>
@@ -613,19 +610,23 @@ Flex Items</h2>
613610
Authors reading this spec may want to
614611
<a href="#item-margins">skip past the following box-generation details</a>.
615612

616-
If the specified 'display-outside' of an in-flow child of an element that generates a <a>flex container</a>
617-
is ''inline-level'',
618-
it computes to ''block-level''.
619-
(This effectively converts any inline 'display' values to their block equivalents.)
613+
The 'display' value of a <i>flex item</i> is <i title=blockify>blockified</i>:
614+
if the specified 'display' of an in-flow child of an element generating a <a>flex container</a>
615+
is an inline-level value, it computes to its block-level equivalent.
616+
(See <a href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">CSS2.1&sect;9.7</a> [[!CSS21]]
617+
and <a href="http://www.w3.org/TR/css-display/#transformations">CSS Display</a> [[!CSS3-DISPLAY]]
618+
for details on this type of 'display' value conversion.)
620619

621-
Note: Some values of 'display-outside' trigger the creation of anonymous boxes around the original box.
622-
It's the outermost box, the direct child of the <a>flex container</a> box,
623-
that becomes a <a>flex item</a>.
624-
For example, given two contiguous child elements with ''display:table-cell'',
625-
an anonymous table wrapper box around them becomes the <i>flex item</i>.
620+
Some values of 'display' trigger the creation of anonymous boxes around the original box.
621+
It's the outermost box&mdash;the direct child of the <a>flex container</a> box&mdash;that
622+
becomes a <a>flex item</a>.
623+
For example, given two contiguous child elements with ''display: table-cell'',
624+
the <a href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">anonymous table wrapper box generated around them</a> [[!CSS21]]
625+
becomes the <i>flex item</i>.
626626

627627
<p id="table-items">
628-
On a flex item with ''display: table'', the table wrapper box becomes the <i>flex item</i>,
628+
In the case of flex items with ''display: table'',
629+
the table wrapper box becomes the <i>flex item</i>,
629630
and the 'order' and 'align-self' properties apply to it.
630631
The contents of any caption boxes contribute to the calculation of
631632
the table wrapper box's min-content and max-content sizes.

0 commit comments

Comments
 (0)