@@ -640,6 +640,18 @@ Flex Items</h2>
640
640
will become two separate ''display: block'' <a>flex items</a> ,
641
641
instead of being wrapped into a single anonymous table.
642
642
643
+ In the case of flex items with ''display: table'' ,
644
+ the table wrapper box becomes the <a>flex item</a> ,
645
+ and the 'order' and 'align-self' properties apply to it.
646
+ The contents of any caption boxes contribute to the calculation of
647
+ the table wrapper box's min-content and max-content sizes.
648
+ However, like 'width' and 'height' , the 'flex' longhands apply to the table box as follows:
649
+ the <a>flex item</a> ’s final size is calculated
650
+ by performing layout as if the distance between
651
+ the table wrapper box's edges and the table box's content edges
652
+ were all part of the table box's border+padding area,
653
+ and the table box were the <a>flex item</a> .
654
+
643
655
<!--
644
656
███ ████████ ██████ ████████ ███████ ██████
645
657
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
@@ -1558,7 +1570,7 @@ The 'flex' Shorthand</h3>
1558
1570
1559
1571
<dt> <dfn>none</dfn>
1560
1572
<dd>
1561
- The keyword ''none'' expands to ''0 0 auto'' .
1573
+ The keyword ''flex/ none'' expands to ''0 0 auto'' .
1562
1574
</dl>
1563
1575
1564
1576
<figure>
@@ -3389,14 +3401,31 @@ Substantive Changes and Bugfixes</h4>
3389
3401
requiring this computation for absolutely-positioned elements.
3390
3402
(<a href="https://github.com/w3c/csswg-drafts/issues/440">Issue 440</a> )
3391
3403
<li id="change-2016-baseline-alignment">
3392
- Change <a>flex items</a> in orthogonal flows and <a>flex items<a> without a baseline
3404
+ Change <a>flex items</a> in orthogonal flows and <a>flex items</ a> without a baseline
3393
3405
to both synthesize their alignment baseline from the <a>flex item</a> ’s border box.
3394
3406
<li id="change-2016-main-cross-baseline">
3395
3407
Fix main/cross error in definition of <a>cross-axis baseline set</a> .
3396
3408
(<a href="https://github.com/w3c/csswg-drafts/issues/792">Issue 792</a> )
3397
3409
<blockquote>
3398
3410
<p> Otherwise, the flex container has no first/last <del> main</del><ins> cross</ins> -axis baseline set…
3399
3411
</blockquote>
3412
+ <li id="change-2016-table-wrapper">
3413
+ Restore accidentally-deleted text about tables as flex items.
3414
+ See <a href="#change-2015-anonymous-fixup">anonymous box change</a> .
3415
+ (<a href="https://github.com/w3c/csswg-drafts/issues/547">Issue 547</a> )
3416
+ <blockquote>
3417
+ <ins><p> In the case of flex items with ''display: table'' ,
3418
+ the table wrapper box becomes the <a>flex item</a> ,
3419
+ and the 'order' and 'align-self' properties apply to it.
3420
+ The contents of any caption boxes contribute to the calculation of
3421
+ the table wrapper box's min-content and max-content sizes.
3422
+ However, like 'width' and 'height' , the 'flex' longhands apply to the table box as follows:
3423
+ the <a>flex item</a> ’s final size is calculated
3424
+ by performing layout as if the distance between
3425
+ the table wrapper box's edges and the table box's content edges
3426
+ were all part of the table box's border+padding area,
3427
+ and the table box were the <a>flex item</a> .</p></ins>
3428
+ </blockquote>
3400
3429
</ul>
3401
3430
3402
3431
<h4 id="change-201605-clarify">
0 commit comments