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: css-flexbox/Overview.bs
+44-44Lines changed: 44 additions & 44 deletions
Original file line number
Diff line number
Diff line change
@@ -894,52 +894,52 @@ Implied Minimum Size of Flex Items</h3>
894
894
(unless otherwise defined by a future specification).
895
895
</dl>
896
896
897
-
In general, the <a>automatic minimum size</a>
898
-
is the smaller of its <a>content size</a> and its <a>specified size</a>.
899
-
However, if the box has an aspect ratio and no <a>specified size</a>,
900
-
its <a>automatic minimum size</a>
901
-
is the smaller of its <a>content size</a> and its <a>transferred size</a>.
902
-
903
-
The <a>content size</a>, <a>specified size</a>, and <a>transferred size</a>
904
-
used in this calculation account for the relevant min/max/preferred size properties
905
-
so that the <a>automatic minimum size</a> does not interfere with any author-provided constraints,
906
-
and are defined below:
907
-
908
-
<dl>
909
-
<dt><dfn dfn noexport>specified size</dfn>
910
-
<dd>
911
-
If the item’s computed <a>main size property</a> is <a>definite</a>,
912
-
then the <a>specified size</a> is that size
913
-
(clamped by its <a>max main size property</a> if it's <a>definite</a>).
914
-
It is otherwise undefined.
897
+
In general, the <a>automatic minimum size</a>
898
+
is the smaller of its <a>content size</a> and its <a>specified size</a>.
899
+
However, if the box has an aspect ratio and no <a>specified size</a>,
900
+
its <a>automatic minimum size</a>
901
+
is the smaller of its <a>content size</a> and its <a>transferred size</a>.
915
902
916
-
<dt><dfn dfn noexport>transferred size</dfn>
917
-
<dd>
918
-
If the item has an intrinsic aspect ratio
919
-
and its computed <a>cross size property</a> is <a>definite</a>,
920
-
then the <a>transferred size</a> is that size
921
-
(clamped by its <a lt="min cross size property">min and max cross size properties</a> if they are <a>definite</a>),
922
-
converted through the aspect ratio.
923
-
It is otherwise undefined.
924
-
925
-
<dt><dfn dfn noexport>content size</dfn>
926
-
<dd>
927
-
The <a>content size</a> is the <a>min-content size</a> in the <a>main axis</a>,
928
-
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,
929
-
and then further clamped by the <a>max main size property</a> if that is <a>definite</a>.
930
-
</dl>
903
+
The <a>content size</a>, <a>specified size</a>, and <a>transferred size</a>
904
+
used in this calculation account for the relevant min/max/preferred size properties
905
+
so that the <a>automatic minimum size</a> does not interfere with any author-provided constraints,
906
+
and are defined below:
907
+
908
+
<dl>
909
+
<dt><dfn dfn noexport>specified size</dfn>
910
+
<dd>
911
+
If the item’s computed <a>main size property</a> is <a>definite</a>,
912
+
then the <a>specified size</a> is that size
913
+
(clamped by its <a>max main size property</a> if it's <a>definite</a>).
914
+
It is otherwise undefined.
915
+
916
+
<dt><dfn dfn noexport>transferred size</dfn>
917
+
<dd>
918
+
If the item has an intrinsic aspect ratio
919
+
and its computed <a>cross size property</a> is <a>definite</a>,
920
+
then the <a>transferred size</a> is that size
921
+
(clamped by its <a lt="min cross size property">min and max cross size properties</a> if they are <a>definite</a>),
922
+
converted through the aspect ratio.
923
+
It is otherwise undefined.
924
+
925
+
<dt><dfn dfn noexport>content size</dfn>
926
+
<dd>
927
+
The <a>content size</a> is the <a>min-content size</a> in the <a>main axis</a>,
928
+
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,
929
+
and then further clamped by the <a>max main size property</a> if that is <a>definite</a>.
930
+
</dl>
931
931
932
-
For the purpose of calculating an intrinsic size of the element
933
-
(e.g. the element's <a>min-content size</a>),
934
-
this value causes the element's size in that axis to become indefinite
935
-
(even if e.g. its 'width' property specifies a <a>definite</a> size).
936
-
Note this means that percentages calculated against this size
937
-
will be treated as ''height/auto''.
938
-
939
-
Nonetheless, although this may require an additional layout pass to re-resolve percentages in some cases,
940
-
this value
941
-
(like the ''min-content'', ''max-content'', and ''fit-content'' values defined in [[CSS3-SIZING]])
942
-
does not prevent the resolution of percentage sizes within the item.
932
+
For the purpose of calculating an intrinsic size of the element
933
+
(e.g. the element's <a>min-content size</a>),
934
+
this value causes the element's size in that axis to become indefinite
935
+
(even if e.g. its 'width' property specifies a <a>definite</a> size).
936
+
Note this means that percentages calculated against this size
937
+
will be treated as ''height/auto''.
938
+
939
+
Nonetheless, although this may require an additional layout pass to re-resolve percentages in some cases,
940
+
this value
941
+
(like the ''min-content'', ''max-content'', and ''fit-content'' values defined in [[CSS3-SIZING]])
942
+
does not prevent the resolution of percentage sizes within the item.
943
943
944
944
<div class="note" id="min-size-opt">
945
945
Note that while a content-based minimum size is often appropriate,
0 commit comments