Skip to content

Commit f8ddda5

Browse files
committed
Rephrase flex-align:stretch to specify what happens when min/max come into play.
1 parent 5570253 commit f8ddda5

2 files changed

Lines changed: 12 additions & 12 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1209,16 +1209,16 @@ <h3 id=flex-align><span class=secno>5.2. </span> Cross Axis Alignment: the
12091209

12101210
<dd>
12111211
<p>If the <a href="#cross-size-property"><i>cross size property</i></a>
1212-
of the <a href="#flexbox-item"><i>flexbox item</i></a> is anything other
1213-
than &lsquo;<code class=css>auto</code>&rsquo;, this value is identical
1214-
to &lsquo;<a href="#flex-line-pack-start"><code
1215-
class=css>start</code></a>&rsquo;.</p>
1216-
1217-
<p>Otherwise, this value causes the <a
1218-
href="#cross-size-property"><i>cross size property</i></a> of the <a
1219-
href="#flexbox-item"><i>flexbox item</i></a> to resolve to the length
1220-
necessary to make the <a href="#cross-size"><i>cross size</i></a> of the
1221-
item's margin box the same size as the line.</p>
1212+
of the <a href="#flexbox-item"><i>flexbox item</i></a> is &lsquo;<code
1213+
class=css>auto</code>&rsquo;, it resolves to the length necessary to
1214+
make the <a href="#cross-size"><i>cross size</i></a> of the item's
1215+
margin box the same size as the line, while still respecting
1216+
&lsquo;<code class=css>min/max-width/height</code>&rsquo; constraints as
1217+
normal.</p>
1218+
1219+
<p>The <a href="#cross-start"><i>cross-start</i></a> margin edge of the
1220+
<a href="#flexbox-item"><i>flexbox item</i></a> is placed flush with the
1221+
<a href="#cross-start"><i>cross-start</i></a> edge of the line.</p>
12221222
</dl>
12231223

12241224
<div class=example>

css3-flexbox/Overview.src.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -547,9 +547,9 @@ <h3 id='flex-align'>
547547

548548
<dt><dfn id="flex-align-stretch">stretch</dfn></dt>
549549
<dd>
550-
<p>If the <i>cross size property</i> of the <i>flexbox item</i> is anything other than ''auto'', this value is identical to ''start''.</p>
550+
<p>If the <i>cross size property</i> of the <i>flexbox item</i> is ''auto'', it resolves to the length necessary to make the <i>cross size</i> of the item's margin box the same size as the line, while still respecting 'min/max-width/height' constraints as normal.</p>
551551

552-
<p>Otherwise, this value causes the <i>cross size property</i> of the <i>flexbox item</i> to resolve to the length necessary to make the <i>cross size</i> of the item's margin box the same size as the line.</p>
552+
<p>The <i>cross-start</i> margin edge of the <i>flexbox item</i> is placed flush with the <i>cross-start</i> edge of the line.</p>
553553
</dd>
554554
</dl>
555555

0 commit comments

Comments
 (0)