You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css3-flexbox/Overview.src.html
+2-4Lines changed: 2 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -865,18 +865,16 @@ <h2 id='layout-algorithm'>
865
865
866
866
<li>Find the real cross size of the flexbox and its lines.</li>
867
867
868
+
<li>Align the lines, per 'flex-line-pack'.</li>
869
+
868
870
<li>Align in the cross axis, per 'flex-align'.</li>
869
871
870
872
<li>Update layout for the items based on their real cross sizes.</li>
871
873
872
874
<li>Align in the main axis, per 'flex-pack'.</li>
873
-
874
-
<li>Align the lines, per 'flex-line-pack'.</li>
875
875
</ol>
876
876
</div>
877
877
878
-
<p>The layout algorithm for flexbox is, unfortunately, too complex and interdependent to usefully describe in pieces within each property's description. As such, the normative layout algorithm is described in this chapter. Note that this is the <em>definitive</em> description of the flexbox layout algorithm - any information located elsewhere in this spec is informative only. Note as well that only the <strong>output</strong> of the algorithm is normative. The precise steps described in this section are informative, and written with an eye toward clarity and simplicity, not efficiency. Any algorithm that achieves the same results is acceptable.</p>
879
-
880
878
<p>This section is mainly intended for implementors. Authors writing web pages should generally be served well by the individual property descriptions, and do not need to read this section unless they have a deep-seated urge to understand arcane details of CSS layout.</p>
881
879
882
880
<p>To lay out a flexbox and its contents, follow these steps:</p>
0 commit comments