@@ -611,23 +611,23 @@ spec:css22; type:property; text:display
611
611
612
612
<b> Sizing algorithms: </b>
613
613
Each drawing of the table represents a way of sizing the columns.
614
- The four cases in the left are the sizing-guesses described above in the spec:
615
- <a href="#min-content-guess">min-content</a> ,
616
- <a href="#min-content-percentage-guess">min-content-percentage</a> ,
617
- <a href="#min-content-specified-guess">min-content-specified</a> , and
618
- <a href="#max-content-guess">max-content</a> .
619
- The cases on the right are interpolations required for sizes that do not match exactly one of the four sizing-guesses.
614
+ The four cases on the left are the sizing-guesses described above in the spec:
615
+ <a href="#min-content-sizing- guess">min-content</a> ,
616
+ <a href="#min-content-percentage-sizing- guess">min-content-percentage</a> ,
617
+ <a href="#min-content-specified-sizing- guess">min-content-specified</a> , and
618
+ <a href="#max-content-sizing- guess">max-content</a> .
619
+ The cases on the right are interpolations required for available sizes that do not match exactly one of the four sizing-guesses.
620
620
621
621
<b> Choice of sizing method: </b>
622
- The sizing method selection always starts by the min-content sizing-guess (top let ),
623
- and then proceeds by comparing the available space and the space consumed by the method currently in use.
624
- Green arrows is the direction you should follow
622
+ The sizing method selection always starts at the min-content sizing-guess (top left ),
623
+ and then proceeds by comparing the available width and the width consumed by the method currently in use.
624
+ Green arrows indicate the direction you should follow
625
625
if you have extra space to distribute after applying the current method.
626
- Red arrows is the direction you should follow
626
+ Red arrows indicate the direction you should follow
627
627
if you have distributed too much space by applying the current method and need to backtrack.
628
628
629
629
<b> Columns types: </b>
630
- Each type of column (auto, px, %) has its own color (yellow, blue, orange).
630
+ Each type of column (auto, px, %) has its own color in the schema (yellow, blue, orange).
631
631
In an interpolation:
632
632
columns that get shrinked down from their size in previous sizing-guess are repainted red, and
633
633
columns that get expanded from their size in previous sizing-guess are repainted green.
0 commit comments