|
29 | 29 |
|
30 | 30 | <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1> |
31 | 31 |
|
32 | | - <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 27 January 2012</h2> |
| 32 | + <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 30 January 2012</h2> |
33 | 33 |
|
34 | 34 | <dl> |
35 | 35 | <dt>This version: |
36 | | - <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120127/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120127/</a>--> |
| 36 | + <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120130/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120130/</a>--> |
37 | 37 |
|
38 | 38 |
|
39 | 39 | <dd><a |
@@ -1644,7 +1644,7 @@ <h3 id=flex-line-pack><span class=secno>6.1. </span> ‘<a |
1644 | 1644 | <tr> |
1645 | 1645 | <th><a href="http://dev.w3.org/csswg/css-module/#values">Value</a>: |
1646 | 1646 |
|
1647 | | - <td>start | end | center | justify |
| 1647 | + <td>start | end | center | justify | stretch |
1648 | 1648 |
|
1649 | 1649 | <tr> |
1650 | 1650 | <th>Initial: |
@@ -1726,6 +1726,14 @@ <h3 id=flex-line-pack><span class=secno>6.1. </span> ‘<a |
1726 | 1726 | href="#cross-end"><i>cross-end</i></a> content edge of the flexbox, and |
1727 | 1727 | the remaining lines in the flexbox are distributed so that the empty |
1728 | 1728 | space between any two adjacent lines is the same. |
| 1729 | + |
| 1730 | + <dt><dfn id=flex-line-pack-stretch>stretch</dfn> |
| 1731 | + |
| 1732 | + <dd>Lines stretch to take up the remaining space. If the leftover |
| 1733 | + free-space is negative, this value is identical to ‘<a |
| 1734 | + href="#flex-line-pack-start"><code class=css>start</code></a>’. |
| 1735 | + Otherwise, the free-space is split equally between all of the lines, |
| 1736 | + increasing their cross size. |
1729 | 1737 | </dl> |
1730 | 1738 |
|
1731 | 1739 | <p class=note>Note: Only <a href="#multi-line0"><i>multi-line</i></a> |
@@ -1913,7 +1921,7 @@ <h2 id=layout-algorithm><span class=secno>7. </span> Flexbox Layout |
1913 | 1921 | ‘<a href="#flex-line-pack-end"><code |
1914 | 1922 | class=css>end</code></a>’, ‘<a |
1915 | 1923 | href="#flex-line-pack-center"><code class=css>center</code></a>’, |
1916 | | - or ‘<a href="#flex-align-stretch"><code |
| 1924 | + or ‘<a href="#flex-line-pack-stretch"><code |
1917 | 1925 | class=css>stretch</code></a>’, or a value of ‘<a |
1918 | 1926 | href="#flex-align-baseline"><code class=css>baseline</code></a>’ |
1919 | 1927 | and a cross axis parallel to their inline axis, and find the maximum of |
@@ -2407,7 +2415,7 @@ <h2 class=no-num id=property>Property index</h2> |
2407 | 2415 | <tr> |
2408 | 2416 | <th><a class=property href="#flex-line-pack0">flex-line-pack</a> |
2409 | 2417 |
|
2410 | | - <td>start | end | center | justify |
| 2418 | + <td>start | end | center | justify | stretch |
2411 | 2419 |
|
2412 | 2420 | <td>start |
2413 | 2421 |
|
@@ -2633,7 +2641,8 @@ <h2 class=no-num id=index>Index</h2> |
2633 | 2641 | title=start><strong>5.1.</strong></a> |
2634 | 2642 |
|
2635 | 2643 | <li>stretch, <a href="#flex-align-stretch" |
2636 | | - title=stretch><strong>5.2.</strong></a> |
| 2644 | + title=stretch><strong>5.2.</strong></a>, <a |
| 2645 | + href="#flex-line-pack-stretch" title=stretch><strong>6.1.</strong></a> |
2637 | 2646 |
|
2638 | 2647 | <li>style sheet |
2639 | 2648 | <ul> |
|
0 commit comments