Skip to content

Commit d84844b

Browse files
committed
[css3-flexbox] Remove the text about align-content applying to single-line containers, add a note that it doesn't apply to single-line containers.
1 parent 999bad6 commit d84844b

2 files changed

Lines changed: 13 additions & 13 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2861,7 +2861,8 @@ <h3 id=align-content-property><span class=secno>8.4. </span> Packing Flex
28612861
container's lines within the flex container when there is extra space in
28622862
the <i>cross-axis</i>, similar to how ‘<a href="#justify-content"><code
28632863
class=property>justify-content</code></a>’ aligns individual items
2864-
within the <i>main-axis</i>:
2864+
within the <i>main-axis</i>. Note, this property has no effect when the
2865+
flexbox has only a single line. Values have the following meanings:
28652866

28662867
<dl>
28672868
<dt><dfn id=align-content-flex-start><code
@@ -2899,8 +2900,7 @@ <h3 id=align-content-property><span class=secno>8.4. </span> Packing Flex
28992900
class=css>space-between</code></dfn>
29002901

29012902
<dd> Lines are evenly distributed in the flex container. If the leftover
2902-
free-space is negative or there is only a single line in the flex
2903-
container, this value is identical to <a
2903+
free-space is negative this value is identical to <a
29042904
href="#align-content-flex-start"><code
29052905
class=css>flex-start</code></a>. Otherwise, the <a
29062906
href="#cross-start"><i>cross-start</i></a> edge of the first line in the
@@ -2916,13 +2916,13 @@ <h3 id=align-content-property><span class=secno>8.4. </span> Packing Flex
29162916
class=css>space-around</code></dfn>
29172917

29182918
<dd> Lines are evenly distributed in the flex container, with half-size
2919-
spaces on either end. If the leftover free-space is negative or there is
2920-
only a single line in the flex container, this value is identical to <a
2921-
href="#align-content-center"><code class=css>center</code></a>.
2922-
Otherwise, the lines in the flex container are distributed such that the
2923-
empty space between any two adjacent lines is the same, and the empty
2924-
space before the first and after the last lines in the flex container are
2925-
half the size of the other empty spaces.
2919+
spaces on either end. If the leftover free-space is negative this value
2920+
is identical to <a href="#align-content-center"><code
2921+
class=css>center</code></a>. Otherwise, the lines in the flex
2922+
container are distributed such that the empty space between any two
2923+
adjacent lines is the same, and the empty space before the first and
2924+
after the last lines in the flex container are half the size of the other
2925+
empty spaces.
29262926

29272927
<dt><dfn id=align-content-stretch><code
29282928
class=css>stretch</code></dfn>

css3-flexbox/Overview.src.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2133,7 +2133,9 @@ <h3 id='align-content-property'>
21332133
<p>
21342134
The 'align-content' property aligns a flex container's lines within the flex container
21352135
when there is extra space in the <i>cross-axis</i>,
2136-
similar to how 'justify-content' aligns individual items within the <i>main-axis</i>:
2136+
similar to how 'justify-content' aligns individual items within the <i>main-axis</i>.
2137+
Note, this property has no effect when the flexbox has only a single line.
2138+
Values have the following meanings:
21372139

21382140
<dl>
21392141
<dt><dfn id='align-content-flex-start'>''flex-start''</dfn>
@@ -2167,7 +2169,6 @@ <h3 id='align-content-property'>
21672169
<dd>
21682170
Lines are evenly distributed in the flex container.
21692171
If the leftover free-space is negative
2170-
or there is only a single line in the flex container,
21712172
this value is identical to <a href="#align-content-flex-start">''flex-start''</a>.
21722173
Otherwise,
21732174
the <i>cross-start</i> edge of the first line in the flex container
@@ -2182,7 +2183,6 @@ <h3 id='align-content-property'>
21822183
Lines are evenly distributed in the flex container,
21832184
with half-size spaces on either end.
21842185
If the leftover free-space is negative
2185-
or there is only a single line in the flex container,
21862186
this value is identical to <a href="#align-content-center">''center''</a>.
21872187
Otherwise, the lines in the flex container are distributed
21882188
such that the empty space between any two adjacent lines is the same,

0 commit comments

Comments
 (0)