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
the <a>static position</a> of an absolutely positioned child of a <a>flex container</a>
686
684
is determined <em>after flex layout</em>
@@ -934,20 +932,24 @@ Implied Minimum Size of Flex Items</h3>
934
932
<dl>
935
933
<dt><var>clamped size</var>
936
934
<dd>
937
-
is defined if the item’s computed 'flex-basis' is ''auto''
935
+
If the item’s computed 'flex-basis' is ''auto''
938
936
and its computed <a>main size property</a> is <a>definite</a>,
939
-
and is that size (clamped by its <a>max main size property</a> if it's <a>definite</a>).
937
+
then the <a>clamped size</a> is that size
938
+
(clamped by its <a>max main size property</a> if it's <a>definite</a>).
939
+
It is otherwise undefined.
940
940
941
941
<dt><var>transferred size</var>
942
942
<dd>
943
-
is defined if the item has an intrinsic aspect ratio
943
+
If the item has an intrinsic aspect ratio
944
944
and its computed <a>cross size property</a> is <a>definite</a>,
945
-
and is that size (clamped by its <a lt="min cross size property">min and max cross size properties</a> if they are <a>definite</a>),
945
+
then the <a>transferred size</a> is that size
946
+
(clamped by its <a lt="min cross size property">min and max cross size properties</a> if they are <a>definite</a>),
946
947
converted through the aspect ratio.
948
+
It is otherwise undefined.
947
949
948
950
<dt><var>content size</var>
949
951
<dd>
950
-
is the <a>min-content size</a> in the <a>main axis</a>,
952
+
The <a>content size</a>is the <a>min-content size</a> in the <a>main axis</a>,
951
953
clamped, if it has an aspect ratio, by any <a>definite</a><a lt="min cross size property">min and max cross size properties</a> converted through the aspect ratio,
952
954
and then further clamped by the <a>max main size property</a> if that is <a>definite</a>.
953
955
</dl>
@@ -1919,7 +1921,7 @@ Axis Alignment: the 'justify-content' property</h3>
1919
1921
<a>Flex items</a> are packed toward the center of the line.
1920
1922
The <a>flex items</a> on the line are placed flush with each other
1921
1923
and aligned in the center of the line,
1922
-
with equal amounts of empty space between the <a>main-start</a> edge of the line and the first item on the line
1924
+
with equal amounts of space between the <a>main-start</a> edge of the line and the first item on the line
1923
1925
and between the <a>main-end</a> edge of the line and the last item on the line.
1924
1926
(If the leftover free-space is negative,
1925
1927
the <a>flex items</a> will overflow equally in both directions.)
@@ -2111,7 +2113,7 @@ Packing Flex Lines: the 'align-content' property</h3>
2111
2113
Lines are packed toward the center of the flex container.
2112
2114
The lines in the flex container are placed flush with each other
2113
2115
and aligned in the center of the flex container,
2114
-
with equal amounts of empty space
2116
+
with equal amounts of space
2115
2117
between the <a>cross-start</a> content edge of the flex container
2116
2118
and the first line in the flex container,
2117
2119
and between the <a>cross-end</a> content edge of the flex container
@@ -2336,7 +2338,7 @@ Line Length Determination</h3>
2336
2338
and the flex container is being sized under a min-content or max-content constraint
2337
2339
(e.g. when performing <a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">automatic table layout</a>[[!CSS21]]),
2338
2340
size the item under that constraint.
2339
-
The <a>flex base size</a> is the item's resulting main size.
2341
+
The <a>flex base size</a> is the item's resulting <a>main size</a>.
2340
2342
2341
2343
<li>
2342
2344
Otherwise,
@@ -2345,7 +2347,7 @@ Line Length Determination</h3>
2345
2347
and the flex item's inline axis is parallel to the main axis,
2346
2348
lay the item out using
2347
2349
<a href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the rules for a box in an orthogonal flow</a>[[!CSS3-WRITING-MODES]].
2348
-
The <a>flex base size</a> is the item's max-content main size.
2350
+
The <a>flex base size</a> is the item's max-content <a>main size</a>.
2349
2351
2350
2352
<li>
2351
2353
Otherwise,
@@ -2364,7 +2366,7 @@ Line Length Determination</h3>
2364
2366
clamped according to its min and max main size properties.
2365
2367
2366
2368
<li id='algo-main-container'>
2367
-
<strong>Determine the main size of the flex container</strong>
2369
+
<strong>Determine the <a>main size</a> of the flex container</strong>
2368
2370
using the rules of the formatting context in which it participates.
2369
2371
For this computation, <a value for=margin>auto</a> margins on flex items are treated as ''0''.
2370
2372
</ol>
@@ -2407,7 +2409,7 @@ Main Size Determination</h3>
2407
2409
2408
2410
<li id='algo-flex'>
2409
2411
<strong><a href='#resolve-flexible-lengths'>Resolve the flexible lengths</a></strong> of all the flex items
2410
-
to find their used main size (see section 9.7.).
2412
+
to find their used <a>main size</a> (see section 9.7.).
0 commit comments