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
When omitted from the <aclass=propertydata-link-type=propdeschref=#propdef-flextitle=flex>flex</a> shorthand, its specified value is <spanclass=css>0%</span>.
1523
1523
<p>
1524
1524
If the specified <aclass=propertydata-link-type=propdeschref=#propdef-flex-basistitle=flex-basis>flex-basis</a> is <aclass=cssdata-link-for=flex-basisdata-link-type=valuehref=#valdef-flex-basis-main-sizetitle=main-size>main-size</a>,
1525
-
the used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> is the value of the flex item’s <adata-link-type=dfnhref=#main-size-propertytitle="main size property">main size property</a>.
1525
+
the used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> is the computed value of the flex item’s <adata-link-type=dfnhref=#main-size-propertytitle="main size property">main size property</a>.
If the item has a <adata-link-type=dfnhref=#definitetitle=definite>definite</a> flexbasis,
2182
+
If the item has a <adata-link-type=dfnhref=#definitetitle=definite>definite</a>used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a>,
2183
2183
that’s the <adata-link-type=dfnhref=#flex-base-sizetitle="flex base size">flex base size</a>.
2184
2184
2185
2185
<li>
2186
2186
If the flex item has ...
2187
2187
<ul>
2188
2188
<li>an intrinsic aspect ratio,
2189
-
<li>a <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> of <spanclass=cssdata-link-for=width>auto</span>, and
2189
+
<li>a used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> of <spanclass=cssdata-link-for=width>auto</span>, and
then the <adata-link-type=dfnhref=#flex-base-sizetitle="flex base size">flex base size</a> is calculated from its inner <adata-link-type=dfnhref=#cross-sizetitle="cross size">cross size</a>
2193
2193
and the <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a>’s intrinsic aspect ratio.
2194
2194
2195
2195
<li>
2196
-
If the <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> is <aclass=cssdata-link-for=widthdata-link-type=valuetitle=auto>auto</a> or depends on its available size,
2196
+
If the used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> is <aclass=cssdata-link-for=widthdata-link-type=valuetitle=auto>auto</a> or depends on its available size,
2197
2197
and the flex container is being sized under a min-content or max-content constraint
2198
2198
(e.g. when performing <ahref=http://www.w3.org/TR/CSS21/tables.html#auto-table-layout>automatic table layout</a><adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css21title=biblio-CSS21>[CSS21]</a>),
2199
2199
size the item under that constraint.
2200
2200
The <adata-link-type=dfnhref=#flex-base-sizetitle="flex base size">flex base size</a> is the item’s resulting main size.
2201
2201
2202
2202
<li>
2203
2203
Otherwise,
2204
-
if the <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> is <aclass=cssdata-link-for=widthdata-link-type=valuetitle=auto>auto</a> or depends on its available size,
2204
+
if the used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> is <aclass=cssdata-link-for=widthdata-link-type=valuetitle=auto>auto</a> or depends on its available size,
2205
2205
the available main size is infinite,
2206
2206
and the flex item’s inline axis is parallel to the main axis,
lay out the item into the <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-sizing-3/#availabletitle="available space">available space</a>
2214
-
using its <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> in place of its <adata-link-type=dfnhref=#main-sizetitle="main size">main size</a>,
2214
+
using its used <adata-link-type=dfnhref=#flex-basistitle="flex basis">flex basis</a> in place of its <adata-link-type=dfnhref=#main-sizetitle="main size">main size</a>,
2215
2215
treating a <adata-link-type=dfnhref=#main-sizetitle="main size">main size</a> of <aclass=cssdata-link-for=widthdata-link-type=valuetitle=auto>auto</a> as <spanclass=css>max-content</span>.
2216
2216
If a <adata-link-type=dfnhref=#cross-sizetitle="cross size">cross size</a> is needed to determine the <adata-link-type=dfnhref=#main-sizetitle="main size">main size</a>
2217
2217
(e.g. when the <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a>’s <adata-link-type=dfnhref=#main-sizetitle="main size">main size</a> is in its block axis)
0 commit comments