1.1 --- a/css-flexbox/Overview.bs Mon Oct 13 17:29:24 2014 -0700
1.2 +++ b/css-flexbox/Overview.bs Mon Oct 13 20:45:38 2014 -0400
1.3 @@ -565,10 +565,7 @@
1.4 Flex Items</h2>
1.5
1.6 Loosely speaking, the <a>flex items</a> of a <a>flex container</a>
1.7 - are the in-flow boxes generated from the contents
1.8 - of the element that generated the <a>flex container</a>.
1.9 -
1.10 - <p>
1.11 + are boxes representing its in-flow contents.
1.12 Each in-flow child of a <i>flex container</i>
1.13 becomes a <i>flex item</i>,
1.14 and each contiguous run of text that is directly contained inside a <i>flex container</i>
1.15 @@ -613,19 +610,23 @@
1.16 Authors reading this spec may want to
1.17 <a href="#item-margins">skip past the following box-generation details</a>.
1.18
1.19 - If the specified 'display-outside' of an in-flow child of an element that generates a <a>flex container</a>
1.20 - is ''inline-level'',
1.21 - it computes to ''block-level''.
1.22 - (This effectively converts any inline 'display' values to their block equivalents.)
1.23 -
1.24 - Note: Some values of 'display-outside' trigger the creation of anonymous boxes around the original box.
1.25 - It's the outermost box, the direct child of the <a>flex container</a> box,
1.26 - that becomes a <a>flex item</a>.
1.27 - For example, given two contiguous child elements with ''display:table-cell'',
1.28 - an anonymous table wrapper box around them becomes the <i>flex item</i>.
1.29 + The 'display' value of a <i>flex item</i> is <i title=blockify>blockified</i>:
1.30 + if the specified 'display' of an in-flow child of an element generating a <a>flex container</a>
1.31 + is an inline-level value, it computes to its block-level equivalent.
1.32 + (See <a href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">CSS2.1§9.7</a> [[!CSS21]]
1.33 + and <a href="http://www.w3.org/TR/css-display/#transformations">CSS Display</a> [[!CSS3-DISPLAY]]
1.34 + for details on this type of 'display' value conversion.)
1.35 +
1.36 + Some values of 'display' trigger the creation of anonymous boxes around the original box.
1.37 + It's the outermost box—the direct child of the <a>flex container</a> box—that
1.38 + becomes a <a>flex item</a>.
1.39 + For example, given two contiguous child elements with ''display: table-cell'',
1.40 + the <a href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">anonymous table wrapper box generated around them</a> [[!CSS21]]
1.41 + becomes the <i>flex item</i>.
1.42
1.43 <p id="table-items">
1.44 - On a flex item with ''display: table'', the table wrapper box becomes the <i>flex item</i>,
1.45 + In the case of flex items with ''display: table'',
1.46 + the table wrapper box becomes the <i>flex item</i>,
1.47 and the 'order' and 'align-self' properties apply to it.
1.48 The contents of any caption boxes contribute to the calculation of
1.49 the table wrapper box's min-content and max-content sizes.
