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
-30Lines changed: 0 additions & 30 deletions
Original file line number
Diff line number
Diff line change
@@ -975,36 +975,6 @@ <h2 id='layout-algorithm'>
975
975
976
976
<p>This section contains normative algorithms detailing the exact layout behavior of a flexbox and its contents. The algorithms here were designed to optimize readability and theoretical simplicity, and may not necessarily be the most efficient. Implementations may use whatever actual algorithms they wish, but must produce the same results as the algorithms described here.</p>
977
977
978
-
<divclass=note>
979
-
<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>
980
-
981
-
<ol>
982
-
<livalue=0>Generate anonymous flexbox items as necessary.</li>
983
-
984
-
<li>Reorder flexbox items according to 'flex-order'.</li>
985
-
986
-
<li>Find the hypothetical main size of every flexbox item.</li>
987
-
988
-
<li>Linebreak the flexbox, if it's multi-line.</li>
989
-
990
-
<li>Based on the hypothetical sizes of the items, find the real main size of the flexbox.</li>
991
-
992
-
<li>Resolve any flexible lengths. All items now have a real main size.</li>
993
-
994
-
<li>Update layout for the items based on their real main sizes, and determine their hypothetical cross size.</li>
995
-
996
-
<li>Find the real cross size of the flexbox and its lines.</li>
997
-
998
-
<li>Align the lines, per 'flex-line-pack'.</li>
999
-
1000
-
<li>Align in the cross-axis, per 'flex-align'.</li>
1001
-
1002
-
<li>Update layout for the items based on their real cross sizes.</li>
1003
-
1004
-
<li>Align in the main-axis, per 'flex-pack'.</li>
1005
-
</ol>
1006
-
</div>
1007
-
1008
978
<pclass='note'>
1009
979
This section is mainly intended for implementors.
1010
980
Authors writing web pages should generally be served well by the individual property descriptions,
0 commit comments