Skip to content

Commit 97e8150

Browse files
committed
Explicitly mention flexbox fix-up in the layout algorithm, to make it clearer that it happens before anything else.
1 parent c704dfb commit 97e8150

2 files changed

Lines changed: 10 additions & 0 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1761,6 +1761,8 @@ <h2 id=layout-algorithm><span class=secno>7. </span> Flexbox Layout
17611761
relatively-long and complex algorithm.</p>
17621762

17631763
<ol>
1764+
<li value=0>Generate anonymous flexbox items as necessary.
1765+
17641766
<li>Reorder flexbox items according to &lsquo;<a
17651767
href="#flex-order0"><code class=property>flex-order</code></a>&rsquo;.
17661768

@@ -1799,6 +1801,10 @@ <h2 id=layout-algorithm><span class=secno>7. </span> Flexbox Layout
17991801
<p>To lay out a flexbox and its contents, follow these steps:
18001802

18011803
<ol>
1804+
<li value=0>Generate anonymous flexbox items around runs of continguous
1805+
inline content in the flexbox, as described in the <a
1806+
href="#flex-items">Flexbox Items</a> section.
1807+
18021808
<li>Re-order the flexbox items according to their &lsquo;<a
18031809
href="#flex-order0"><code class=property>flex-order</code></a>&rsquo;.
18041810
The items with the lowest (most negative) &lsquo;<a

css3-flexbox/Overview.src.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -851,6 +851,8 @@ <h2 id='layout-algorithm'>
851851
<p>This note will outline the general structure of the layout algorithm, before I go into the ugly details below, to aid in reading the relatively-long and complex algorithm.</p>
852852

853853
<ol>
854+
<li value=0>Generate anonymous flexbox items as necessary.</li>
855+
854856
<li>Reorder flexbox items according to 'flex-order'.</li>
855857

856858
<li>Find the hypothetical main size of every flexbox item.</li>
@@ -880,6 +882,8 @@ <h2 id='layout-algorithm'>
880882
<p>To lay out a flexbox and its contents, follow these steps:</p>
881883

882884
<ol>
885+
<li value=0>Generate anonymous flexbox items around runs of continguous inline content in the flexbox, as described in the <a href="#flex-items">Flexbox Items</a> section.</li>
886+
883887
<li>Re-order the flexbox items according to their 'flex-order'. The items with the lowest (most negative) 'flex-order' values are first in the ordering. If multiple items share a 'flex-order' value, they're ordered by document order. This affects the order in which the flexbox items generate boxes in the box-tree, and how the rest of this algorithm deals with the items.</li>
884888

885889
<li>

0 commit comments

Comments
 (0)