Skip to content

Commit de49623

Browse files
committed
Fix error in static position clause that uses 'justify-content' as reported in <http://www.w3.org/mid/87d33bas3h.fsf@aeneas.oslo.osa> by replacing explicit list with an explanation of how to derive from 'justify-content' definitions. This means we don't have to update this section when we add new values to 'justify-content'.
1 parent bb92008 commit de49623

2 files changed

Lines changed: 11 additions & 43 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 7 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -206,11 +206,11 @@
206206

207207
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
208208

209-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 3 August 2012</h2>
209+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 5 August 2012</h2>
210210

211211
<dl>
212212
<dt>This version:
213-
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120803/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120803/</a>-->
213+
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120805/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120805/</a>-->
214214

215215

216216
<dd><a
@@ -1036,33 +1036,12 @@ <h3 id=abspos-items><span class=secno>4.1. </span> Absolutely-Positioned
10361036
href="#flex-item"><i>flex item</i></a>.
10371037

10381038
<li> Otherwise, the <a href="#flex-item-static-position"><i>static
1039-
position</i></a> is based on the value of ‘<a
1039+
position</i></a> is determined by the value of ‘<a
10401040
href="#justify-content"><code
10411041
class=property>justify-content</code></a>’ on the <a
1042-
href="#flex-container"><i>flex container</i></a>:
1043-
<ul>
1044-
<li> if ‘<a href="#justify-content"><code
1045-
class=property>justify-content</code></a>’ is ‘<a
1046-
href="#align-content-flex-start"><code
1047-
class=css>flex-start</code></a>’ or ‘<a
1048-
href="#align-content-space-between"><code
1049-
class=css>space-between</code></a>’, it is the inner <a
1050-
href="#main-start"><i>main-start</i></a> edge of the <a
1051-
href="#flex-container"><i>flex container</i></a>;
1052-
1053-
<li> if ‘<a href="#justify-content"><code
1054-
class=property>justify-content</code></a>’ is ‘<a
1055-
href="#align-content-center"><code class=css>center</code></a>’ or
1056-
<a href="#align-content-space-around"><code
1057-
class=css>space-around</code></a>’, it is the center of the content
1058-
area of the <a href="#flex-container"><i>flex container</i></a>;
1059-
1060-
<li> if ‘<a href="#justify-content"><code
1061-
class=property>justify-content</code></a>’ is ‘<code
1062-
class=css>end</code>’, it is the inner <a
1063-
href="#main-end"><i>main-end</i></a> edge of the <a
1064-
href="#flex-container"><i>flex container</i></a>.
1065-
</ul>
1042+
href="#flex-container"><i>flex container</i></a> as if the <a
1043+
href="#flex-item-static-position"><i>static position</i></a> were
1044+
represented by a zero-sized flex item.
10661045
</ol>
10671046

10681047
<p> In the <a href="#cross-axis"><i>cross axis</i></a>,
@@ -1081,7 +1060,7 @@ <h3 id=abspos-items><span class=secno>4.1. </span> Absolutely-Positioned
10811060
<p class=note> The static position is intended to more-or-less match the
10821061
position of an anonymous 0×0 in-flow <a href="#align-self"><code
10831062
class=css>flex-start</code>’-aligned</a> flex item that participates in
1084-
flex layout, the only difference being that any packing spaces due to
1063+
flex layout, the primary difference being that any packing spaces due to
10851064
<code class=css>justify-content: space-around</code>’ or ‘<code
10861065
class=css>justify-content: space-between</code>’ are suppressed around
10871066
the hypothetical item: between it and the next item if there is a real

css3-flexbox/Overview.src.html

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -694,20 +694,9 @@ <h3 id='abspos-items'>
694694
the <i>static position</i> is the outer <i>main-end</i> edge of that <i>flex item</i>.
695695

696696
<li>
697-
Otherwise, the <i>static position</i> is based on the value of 'justify-content' on the <i>flex container</i>:
698-
699-
<ul>
700-
<li>
701-
if 'justify-content' is ''flex-start'' or ''space-between'',
702-
it is the inner <i>main-start</i> edge of the <i>flex container</i>;
703-
704-
<li>
705-
if 'justify-content' is ''center'' or ''space-around'',
706-
it is the center of the content area of the <i>flex container</i>;
707-
<li>
708-
if 'justify-content' is ''end'',
709-
it is the inner <i>main-end</i> edge of the <i>flex container</i>.
710-
</ul>
697+
Otherwise, the <i>static position</i> is determined
698+
by the value of 'justify-content' on the <i>flex container</i>
699+
as if the <i>static position</i> were represented by a zero-sized flex item.
711700
</ol>
712701

713702
<p>
@@ -726,7 +715,7 @@ <h3 id='abspos-items'>
726715
The static position is intended to more-or-less match the position of
727716
an anonymous 0&times;0 in-flow <a href="#align-self">''flex-start''-aligned</a>
728717
flex item that participates in flex layout,
729-
the only difference being that any packing spaces due to
718+
the primary difference being that any packing spaces due to
730719
''justify-content: space-around'' or ''justify-content: space-between''
731720
are suppressed around the hypothetical item:
732721
between it and the next item if there is a real item after it,

0 commit comments

Comments
 (0)