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
+6-12Lines changed: 6 additions & 12 deletions
Original file line number
Diff line number
Diff line change
@@ -904,21 +904,15 @@ <h2 id='layout-algorithm'>
904
904
905
905
<ol>
906
906
<li>
907
-
<p>Determine the maximum line length, based on the main size of the flexbox:</p>
907
+
<p>Determine the maximum line length, based on the main size of the flexbox. The maximum line length is main size of the flexbox's content box, constrained by the min and max main size constraints of the flexbox. If the main size depends on the flexbox's content, then:</p>
908
908
909
-
<dt>
910
-
<dt>size doesn't rely on its contents</dt>
911
-
<dd>The maximum line length is main size of the flexbox's content box, constrained by the min and max main size constraints of the flexbox.</dd>
909
+
<ul>
910
+
<li>for ''min-content'', the maximum line length is the flexbox's minimum main size, constrained by the min and max main size constraints of the flexbox.</li>
912
911
913
-
<dt>''min-content''</dt>
914
-
<dd>The maximum line length is the flexbox's minimum main size.</dd>
912
+
<li>for ''max-content'', the maximum line length is infinity, constrained by the min and max main size constraints of the flexbox.</li>
915
913
916
-
<dt>''max-content''</dt>
917
-
<dd>The maximum line length is infinity, constrained by the min and max main size constraints of the flexbox.</dd>
918
-
919
-
<dt>''fit-content''</dt>
920
-
<dd>The maximum line length is the greater of the flexbox's min size constraint and the smaller of the flexbox's max size constraint and the available space.</dd>
921
-
</dt>
914
+
<li>for ''fit-content'', the maximum line length is the greater of the flexbox's min size constraint and the smaller of the flexbox's max size constraint and the available space.</li>
915
+
</ul>
922
916
</li>
923
917
924
918
<li>Collect as many consecutive flexbox items as possible, starting from the first item, while keeping the sum of their main size smaller than the flexbox's available space. If a flexbox item is sized with a flexible length, then for the purpose of this step, clamp the item's size between its minimum and maximum main sizes. The items so collected form a single flexbox line.</li>
0 commit comments