Skip to content

Commit 017a17f

Browse files
committed
Made flex-item-align:auto actually compute to one of the alignments.
1 parent b53ff6d commit 017a17f

2 files changed

Lines changed: 14 additions & 11 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,11 @@
2020

2121
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
2222

23-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 6 January 2012</h2>
23+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 13 January 2012</h2>
2424

2525
<dl>
2626
<dt>This version:
27-
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120106/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120106/</a>-->
27+
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120113/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120113/</a>-->
2828

2929

3030
<dd><a
@@ -1164,7 +1164,9 @@ <h3 id=flex-align><span class=secno>5.2. </span> Cross Axis Alignment: the
11641164
<tr>
11651165
<th>Computed Value:
11661166

1167-
<td>specified value
1167+
<td>&lsquo;<code class=css>auto</code>&rsquo; computes to flexbox's
1168+
&lsquo;<a href="#flex-align0"><code
1169+
class=property>flex-align</code></a>&rsquo;; otherwise as specified
11681170

11691171
<tr>
11701172
<th>Media:
@@ -1189,11 +1191,11 @@ <h3 id=flex-align><span class=secno>5.2. </span> Cross Axis Alignment: the
11891191
<p>A value of <dfn id=flex-item-align-auto>&lsquo;<code
11901192
class=css>auto</code>&rsquo;</dfn> for &lsquo;<a
11911193
href="#flex-item-align"><code
1192-
class=property>flex-item-align</code></a>&rsquo; makes the <a
1193-
href="#flexbox-item"><i>flexbox item</i></a> use the alignment specified
1194-
by &lsquo;<a href="#flex-align0"><code
1195-
class=property>flex-align</code></a>&rsquo; on its flexbox. The alignments
1196-
are defined as:
1194+
class=property>flex-item-align</code></a>&rsquo; computes to the value of
1195+
&lsquo;<a href="#flex-align0"><code
1196+
class=property>flex-align</code></a>&rsquo; on the <a
1197+
href="#flexbox-item"><i>flexbox item's</i></a> flexbox. The alignments are
1198+
defined as:
11971199

11981200
<dl>
11991201
<dt><dfn id=flex-align-start>start</dfn>
@@ -1874,7 +1876,8 @@ <h2 class=no-num id=property>Property index</h2>
18741876

18751877
<td>no
18761878

1877-
<td>specified value
1879+
<td>&lsquo;auto&rsquo; computes to flexbox's &lsquo;flex-align&rsquo;;
1880+
otherwise as specified
18781881

18791882
<td>visual
18801883

css3-flexbox/Overview.src.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -542,15 +542,15 @@ <h3 id='flex-align'>
542542
<td>no
543543
<tr>
544544
<th>Computed Value:
545-
<td>specified value
545+
<td>''auto'' computes to flexbox's 'flex-align'; otherwise as specified
546546
<tr>
547547
<th>Media:
548548
<td>visual
549549
</table>
550550

551551
<p><i>Flexbox items</i> can be aligned in the <i>cross axis</i> of the current line of the flexbox, similar to 'flex-pack' but in the perpendendicular direction. 'flex-align' sets the default alignment for all of the flexbox's <i title="flexbox items">items</i>, including anonymous <i>flexbox items</i>. 'flex-item-align' allows this default alignment to be overridden for individual <i>flexbox items</i>.</p>
552552

553-
<p>A value of <dfn id="flex-item-align-auto">''auto''</dfn> for 'flex-item-align' makes the <i>flexbox item</i> use the alignment specified by 'flex-align' on its flexbox. The alignments are defined as:</p>
553+
<p>A value of <dfn id="flex-item-align-auto">''auto''</dfn> for 'flex-item-align' computes to the value of 'flex-align' on the <i>flexbox item's</i> flexbox. The alignments are defined as:</p>
554554

555555
<dl>
556556
<dt><dfn id="flex-align-start">start</dfn></dt>

0 commit comments

Comments
 (0)