Skip to content

Commit 2a4b563

Browse files
committed
Add 'flex-line-pack:distribute', per mailing list.
1 parent dc79051 commit 2a4b563

2 files changed

Lines changed: 20 additions & 5 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1637,7 +1637,7 @@ <h3 id=flex-line-pack><span class=secno>6.1. </span> &lsquo;<a
16371637
<tr>
16381638
<th><a href="http://dev.w3.org/csswg/css-module/#values">Value</a>:
16391639

1640-
<td>start | end | center | justify | stretch
1640+
<td>start | end | center | justify | distribute | stretch
16411641

16421642
<tr>
16431643
<th>Initial:
@@ -1720,6 +1720,17 @@ <h3 id=flex-line-pack><span class=secno>6.1. </span> &lsquo;<a
17201720
the remaining lines in the flexbox are distributed so that the empty
17211721
space between any two adjacent lines is the same.
17221722

1723+
<dt><dfn id=flex-line-pack-distribute>distribute</dfn>
1724+
1725+
<dd>Lines are evenly distributed in the flexbox, with half-size spaces on
1726+
either end. If the leftover free-space is negative or there is only a
1727+
single line in the flexbox, this value is identical to &lsquo;<a
1728+
href="#flex-line-pack-center"><code class=css>center</code></a>&rsquo;.
1729+
Otherwise, the lines in the flexbox are distributed such that the empty
1730+
space between any two adjacent lines is the same, and the empty space
1731+
before the first and after the last lines in the flexbox are half the
1732+
size of the other empty spaces.
1733+
17231734
<dt><dfn id=flex-line-pack-stretch>stretch</dfn>
17241735

17251736
<dd>Lines stretch to take up the remaining space. If the leftover
@@ -2408,7 +2419,7 @@ <h2 class=no-num id=property>Property index</h2>
24082419
<tr>
24092420
<th><a class=property href="#flex-line-pack0">flex-line-pack</a>
24102421

2411-
<td>start | end | center | justify | stretch
2422+
<td>start | end | center | justify | distribute | stretch
24122423

24132424
<td>start
24142425

@@ -2512,8 +2523,9 @@ <h2 class=no-num id=index>Index</h2>
25122523
<li>cross-start, <a href="#cross-start"
25132524
title=cross-start><strong>2.</strong></a>
25142525

2515-
<li>distribute, <a href="#flex-pack-distribute"
2516-
title=distribute><strong>5.1.</strong></a>
2526+
<li>distribute, <a href="#flex-line-pack-distribute"
2527+
title=distribute><strong>6.1.</strong></a>, <a
2528+
href="#flex-pack-distribute" title=distribute><strong>5.1.</strong></a>
25172529

25182530
<li>distribute the free space, <a href="#distribute-the-free-space"
25192531
title="distribute the free space"><strong>7.</strong></a>

css3-flexbox/Overview.src.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -796,7 +796,7 @@ <h3 id='flex-line-pack'>
796796
<td><dfn>flex-line-pack</dfn>
797797
<tr>
798798
<th><a href="http://dev.w3.org/csswg/css-module/#values">Value</a>:
799-
<td>start | end | center | justify | stretch
799+
<td>start | end | center | justify | distribute | stretch
800800
<tr>
801801
<th>Initial:
802802
<td>start
@@ -832,6 +832,9 @@ <h3 id='flex-line-pack'>
832832
<dt><dfn id='flex-line-pack-justify'>justify</dfn></dt>
833833
<dd>Lines are evenly distributed in the flexbox. If the leftover free-space is negative or there is only a single line in the flexbox, this value is identical to ''start''. Otherwise, the <i>cross-start</i> edge of the first line in the flexbox is placed flush with the <i>cross-start</i> content edge of the flexbox, the <i>cross-end</i> edge of the last line in the flexbox is placed flush with the <i>cross-end</i> content edge of the flexbox, and the remaining lines in the flexbox are distributed so that the empty space between any two adjacent lines is the same.</dd>
834834

835+
<dt><dfn id='flex-line-pack-distribute'>distribute</dfn></dt>
836+
<dd>Lines are evenly distributed in the flexbox, with half-size spaces on either end. If the leftover free-space is negative or there is only a single line in the flexbox, this value is identical to ''center''. Otherwise, the lines in the flexbox are distributed such that the empty space between any two adjacent lines is the same, and the empty space before the first and after the last lines in the flexbox are half the size of the other empty spaces.</dd>
837+
835838
<dt><dfn id='flex-line-pack-stretch'>stretch</dfn></dt>
836839
<dd>Lines stretch to take up the remaining space. If the leftover free-space is negative, this value is identical to ''start''. Otherwise, the free-space is split equally between all of the lines, increasing their cross size.
837840
</dl>

0 commit comments

Comments
 (0)