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
<li><ahref=#box-model><spanclass=secno>2</span> Flex Layout Box Model and Terminology</a>
308
-
<li><ahref=#flex-containers><spanclass=secno>3</span> Flex Containers: the <aclass=cssdata-link-type=maybehref=#valuedef-flextitle=flex>flex</a> and <aclass=cssdata-link-type=maybehref=#valuedef-inline-flextitle=inline-flex>inline-flex</a><spanclass=propertydata-link-type=propdesctitle=display>display</span> values</a>
308
+
<li><ahref=#flex-containers><spanclass=secno>3</span> Flex Containers: the <spanclass=cssdata-link-type=maybetitle=flex>flex</span> and <spanclass=cssdata-link-type=maybetitle=inline-flex>inline-flex</span><spanclass=propertydata-link-type=propdesctitle=display>display</span> values</a>
The <dfndata-dfn-type=dfndata-noexport="" id=max-content-main-size>max-content main size<aclass=self-linkhref=#max-content-main-size></a></dfn> of a <adata-link-type=dfnhref=#flex-containertitle="flex container">flex container</a>
2464
-
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-size-contributiontitle="max-size contributions">max-size contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>.
2464
+
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-content-contributiontitle="max-content contributions">max-content contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>.
2465
2465
The <dfndata-dfn-type=dfndata-noexport="" id=min-content-main-size>min-content main size<aclass=self-linkhref=#min-content-main-size></a></dfn> of a <adata-link-type=dfnhref=#single-linetitle=single-line>single-line</a> flex container
2466
-
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-size-contributiontitle="min-size contributions">min-size contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>;
2466
+
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-contributiontitle="min-content contributions">min-content contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>;
2467
2467
for a <adata-link-type=dfnhref=#multi-linetitle=multi-line>multi-line</a> container,
after performing layout into the given available <adata-link-type=dfnhref=#main-axistitle=main-axis>main-axis</a> space and infinite available <adata-link-type=dfnhref=#cross-axistitle=cross-axis>cross-axis</a> space.
2474
2474
2475
2475
<p>
2476
-
The main-size <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-size-contributiontitle="min-size contribution">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-size-contributiontitle="max-size contribution">max-size contribution</a> of a <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a>
2476
+
The main-size <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-contributiontitle="min-content contribution">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-content-contributiontitle="max-content contribution">max-content contribution</a> of a <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a>
2477
2477
is its outer <adata-link-type=dfnhref=#hypothetical-main-sizetitle="hypothetical main size">hypothetical main size</a>
2478
-
when sized under a <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-size-constrainttitle="min-size constraint">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-size-constrainttitle="max-size constraint">max-size constraint</a> (respectively).
2478
+
when sized under a <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-constrainttitle="min-content constraint">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-content-constrainttitle="max-content constraint">max-content constraint</a> (respectively).
2479
2479
2480
2480
<p>
2481
2481
See <adata-biblio-type=normativedata-link-type=bibliohref=#css3-sizingtitle=css3-sizing>[CSS3-SIZING]</a> for a definition of the terms in this section.
The <adata-link-type=dfnhref=#max-content-main-sizetitle="max-content main size">max-content main size</a> of a <adata-link-type=dfnhref=#flex-containertitle="flex container">flex container</a>
2952
-
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-size-contributiontitle="max-size contributions">max-size contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>.
2952
+
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-content-contributiontitle="max-content contributions">max-content contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>.
2953
2953
The <adata-link-type=dfnhref=#min-content-main-sizetitle="min-content main size">min-content main size</a> of a <adata-link-type=dfnhref=#single-linetitle=single-line>single-line</a> flex container
2954
-
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-size-contributiontitle="min-size contributions">min-size contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>;
2954
+
is the sum of the flex container’s items' <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-contributiontitle="min-content contributions">min-content contributions</a> in the <adata-link-type=dfnhref=#main-axistitle="main axis">main axis</a>;
2955
2955
for a <adata-link-type=dfnhref=#multi-linetitle=multi-line>multi-line</a> container,
and infinite available <adata-link-type=dfnhref=#cross-axistitle=cross-axis>cross-axis</a> space.
2963
2963
2964
2964
<p>
2965
-
The main-size <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-size-contributiontitle="min-size contribution">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-size-contributiontitle="max-size contribution">max-size contribution</a> of a <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a>
2965
+
The main-size <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-contributiontitle="min-content contribution">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-content-contributiontitle="max-content contribution">max-content contribution</a> of a <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a>
2966
2966
is its outer <adata-link-type=dfnhref=#hypothetical-main-sizetitle="hypothetical main size">hypothetical main size</a>
2967
-
when sized under a <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-size-constrainttitle="min-size constraint">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-size-constrainttitle="max-size constraint">max-size constraint</a> (respectively).
2967
+
when sized under a <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#min-content-constrainttitle="min-content constraint">min-content</a>/<adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#max-content-constrainttitle="max-content constraint">max-content constraint</a> (respectively).
2968
2968
2969
2969
<p>
2970
2970
See <adata-biblio-type=normativedata-link-type=bibliohref=#css3-sizingtitle=css3-sizing>[CSS3-SIZING]</a> for a definition of the terms in this section.</p>
0 commit comments