@@ -1150,7 +1150,7 @@ Collapsed Items</h3>
11501150 is guaranteed to have no effect on its <a>cross size</a>
11511151 and won't cause the rest of the page's layout to "wobble".
11521152 Flex line wrapping <em> is</em> re-done after collapsing, however,
1153- so the cross- size of a flex container with multiple lines might or might not change.
1153+ so the cross size of a flex container with multiple lines might or might not change.
11541154
11551155 Though [=collapsed flex items=] aren't rendered,
11561156 they do appear in the <a href="https://www.w3.org/TR/CSS2/intro.html#formatting-structure">formatting structure</a> .
@@ -1255,7 +1255,7 @@ Collapsed Items</h3>
12551255
12561256 To compute the size of the strut, flex layout is first performed with all items uncollapsed,
12571257 and then re-run with each [=collapsed flex item=] replaced by a strut that maintains
1258- the original cross- size of the item's original line.
1258+ the original [= cross size=] of the item's original line.
12591259 See the <a href="#layout-algorithm">Flex Layout Algorithm</a>
12601260 for the normative definition of how ''visibility:collapse''
12611261 interacts with flex layout.
@@ -3899,11 +3899,11 @@ Cross Size Determination</h3>
38993899 find the largest outer <a>hypothetical cross size</a> .
39003900
39013901 <li>
3902- The used cross- size of the <a>flex line</a> is the largest of the numbers found in the previous two steps and zero.
3902+ The used <a> cross size</a> of the <a>flex line</a> is the largest of the numbers found in the previous two steps and zero.
39033903
39043904 If the flex container is <a>single-line</a> ,
39053905 then clamp the line's cross-size to be within
3906- the container's computed min and max <a> cross sizes</a> .
3906+ the container's computed min and max cross sizes.
39073907 <span class='note'> Note that if CSS 2.1's definition of min/max-width/height applied more generally,
39083908 this behavior would fall out automatically.</span>
39093909 </ol>
@@ -3921,7 +3921,7 @@ Cross Size Determination</h3>
39213921
39223922 <li id='algo-line-stretch'>
39233923 <strong> Handle 'align-content: stretch' .</strong>
3924- If the flex container has a <a>definite</a> cross size,
3924+ If the flex container has a <a>definite</a> <a> cross size</a> ,
39253925 'align-content' is <a value for=align-content>stretch</a> ,
39263926 and the sum of the flex lines' cross sizes is less than the flex container's inner cross size,
39273927 increase the cross size of each flex line by equal amounts
@@ -3930,7 +3930,7 @@ Cross Size Determination</h3>
39303930 <li id='algo-visibility'>
39313931 <strong> Collapse ''visibility:collapse'' items.</strong>
39323932 If any flex items have ''visibility: collapse'' ,
3933- note the cross size of the line they're in as the item's |strut size|,
3933+ note the <a> cross size</a> of the line they're in as the item's |strut size|,
39343934 and restart layout from the beginning.
39353935
39363936 In this second layout round,
@@ -3960,7 +3960,7 @@ Cross Size Determination</h3>
39603960 its computed cross size property is <a value for=width>auto</a> ,
39613961 and neither of its cross-axis margins are <a value for=margin>auto</a> ,
39623962 the used outer cross size is the used cross size of its flex line,
3963- clamped according to the item's used min and max <a> cross sizes</a> .
3963+ clamped according to the item's used min and max [= cross size|cross sizes=] .
39643964 Otherwise,
39653965 the used cross size is the item's <a>hypothetical cross size</a> .
39663966
@@ -4540,13 +4540,13 @@ Flex Container Intrinsic Cross Sizes</h4>
45404540 For a <em> <a>multi-line</a> </em> <a>flex container</a> ,
45414541 the behavior depends on whether it's a row or column flexbox:
45424542
4543- : ''flex-direction/row'' [=multi-line=] [=flex container=] [=cross- size=]
4543+ : ''flex-direction/row'' [=multi-line=] [=flex container=] [=cross size=]
45444544 :: The <a>min-content</a> /<a>max-content</a> <a>cross size</a>
45454545 is the sum of the flex line cross sizes
45464546 resulting from sizing the flex container
45474547 under a <a>cross-axis</a> <a>min-content constraint</a> /<a>max-content constraint</a> (respectively).
45484548
4549- : ''flex-direction/column'' [=multi-line=] [=flex container=] [=cross- size=]
4549+ : ''flex-direction/column'' [=multi-line=] [=flex container=] [=cross size=]
45504550 :: The [=min-content=] [=cross size=]
45514551 is the largest [=min-content contribution=] among all of its [=flex items=] .
45524552
@@ -4559,10 +4559,10 @@ Flex Container Intrinsic Cross Sizes</h4>
45594559 it will at least be large enough to fit
45604560 any given column entirely within its [=scrollport=] .
45614561
4562- The [=max-content=] [=cross size=] is the sum of the [=flex line=] [= cross sizes=]
4562+ The [=max-content=] [=cross size=] is the sum of the [=flex line=] cross sizes
45634563 resulting from sizing the [=flex container=]
45644564 under a <a>cross-axis</a> <a>max-content constraint</a> ,
4565- using the largest <a lt="max-content contribution">max-content</a> <a> cross-size</a> contribution among the <a>flex items</a>
4565+ using the largest <a lt="max-content contribution">max-content</a> cross-size contribution among the <a>flex items</a>
45664566 as the <a>available space</a> in the <a>cross axis</a>
45674567 for each of the <a>flex items</a> during layout.
45684568
@@ -5395,13 +5395,13 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
53955395 <li>
53965396 If the cross size property is a <a>definite</a> size,
53975397 use that,
5398- clamped by the used min and max <a> cross sizes</a>
5398+ clamped by the used min and max [= cross size|cross sizes=]
53995399 of the <a>flex container</a> .
54005400
54015401 <li>
54025402 Otherwise,
54035403 use the sum of the flex lines' cross sizes,
5404- clamped by the used min and max <a> cross sizes</a>
5404+ clamped by the used min and max [= cross size|cross sizes=]
54055405 of the <a>flex container</a> .
54065406 </ul>
54075407 </del>
@@ -6103,7 +6103,7 @@ Substantive Changes and Bugfixes</h4>
61036103 However, if the <a>flex container</a> is ''flex-flow: column wrap;'' ,
61046104 then it's sized by first finding the largest
61056105 <a lt="min-content contribution">min-content</a> /<a lt="min-content contribution">max-content</a>
6106- <a> cross-size</a> contribution among the <a>flex items</a> (respectively),
6106+ cross-size contribution among the <a>flex items</a> (respectively),
61076107 then using that size as the <a>available space</a> in the <a>cross axis</a>
61086108 for each of the <a>flex items</a> during layout.</p>
61096109
@@ -6284,7 +6284,7 @@ Substantive Changes and Bugfixes</h4>
62846284 <p> If the flex container <del> has only one flex line
62856285 (even if it's a multi-line flex container),</del>
62866286 <ins> is <a>single-line</a> ,</ins>
6287- then clamp the line's cross- size to be within the container's computed min and max cross-size properties.
6287+ then clamp the line's <a> cross size</a> to be within the container's computed min and max cross-size properties.
62886288 </blockquote>
62896289
62906290 <li id="change-201409-algo-breaks">
@@ -6496,13 +6496,13 @@ Substantive Changes and Bugfixes</h4>
64966496 <blockquote>
64976497 <ul>
64986498 <li>
6499- The used cross- size of the <a>flex line</a> is
6499+ The used <a> cross size</a> of the <a>flex line</a> is
65006500 the largest of the numbers found in the previous two steps
65016501 and zero.
65026502
65036503 <p><ins> If the flex container has only one flex line
65046504 (even if it's a multi-line flex container),
6505- then clamp the line's cross- size to be within the container's computed min and max cross-size properties.
6505+ then clamp the line's <a> cross size</a> to be within the container's computed min and max cross-size properties.
65066506 <span class='note'> Note that if CSS 2.1's definition of min/max-width/height applied more generally,
65076507 this behavior would fall out automatically.</span></ins>
65086508 </ul>
@@ -6770,7 +6770,7 @@ Substantive Changes and Bugfixes</h4>
67706770 Flex lines have their size floored at 0.
67716771 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-2">Issue 2</a> )
67726772 <blockquote>
6773- <p> The used cross- size of the flex line is the <del> larger</del> <ins> largest</ins>
6773+ <p> The used <a> cross size</a> of the <a> flex line</a> is the <del> larger</del> <ins> largest</ins>
67746774 of the numbers found in the previous two steps<ins> and zero</ins> .
67756775 </blockquote>
67766776 <li id="change-2012-atomic-painting">
@@ -6955,7 +6955,7 @@ Clarifications</h4>
69556955 <li id="clarify-2012-stretch-computed-auto">
69566956 Clarify that <a value for=align-self>stretch</a> checks for the <em> computed</em>
69576957 value of the cross-size property being <a value for=width>auto</a> ,
6958- which means that percentage cross- sizes that behave as <a value for=width>auto</a>
6958+ which means that percentage [= cross size|cross sizes=] that behave as <a value for=width>auto</a>
69596959 (because they don't resolve against definite sizes) aren't stretched.
69606960 (<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-5">Issue 5</a> )
69616961 <blockquote>
0 commit comments