@@ -565,10 +565,7 @@ Flex Containers: the ''flex'' and ''inline-flex'' 'display' values</h2>
565565Flex 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§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—the direct child of the <a>flex container</a> box—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