@@ -37,7 +37,7 @@ WPT Path Prefix: css/css-flexbox/
37
37
</pre>
38
38
39
39
<pre class='link-defaults'>
40
- spec: css2 ; type: property
40
+ spec: css21 ; type: property
41
41
text: margin
42
42
text: min-width
43
43
text: max-width
@@ -51,6 +51,9 @@ spec: css-sizing-3;
51
51
text: max-content
52
52
text: fit-content
53
53
type: property; text: box-sizing
54
+ type:dfn;
55
+ text: width
56
+ text: height
54
57
spec: css-align-3;
55
58
type: value; text: start
56
59
type:dfn; text:alignment baseline
@@ -85,8 +88,8 @@ ol.continue > li { position: relative; counter-increment: list; }
85
88
ol.layout-start > li::before,
86
89
ol.continue > li::before { content: counter(list) "."; position: absolute; left: -4.5em; width: 4em; text-align: right; }
87
90
.compact, .compact li {
88
- margin-top: 0;
89
- margin-bottom: 0;
91
+ margin-top: 0;
92
+ margin-bottom: 0;
90
93
}
91
94
92
95
/* Overview catalog example */
@@ -748,7 +751,7 @@ Absolutely-Positioned Flex Children</h3>
748
751
assuming both the child and the flex container
749
752
were fixed-size boxes of their used size.
750
753
(For this purpose,
751
- the child's 'margin/auto' ' margins are treated as zero.)
754
+ the child's '' margin/auto'' margins are treated as zero.)
752
755
753
756
<wpt>
754
757
abspos/abspos-autopos-htb-ltr.html
@@ -1685,9 +1688,9 @@ Basic Values of 'flex'</h4>
1685
1688
except that flex items are not allowed to shrink,
1686
1689
even in overflow situations.
1687
1690
1688
- <dt> ''flex: << number [1,∞]> >''
1691
+ <dt> ''flex: < number [1,∞]>''
1689
1692
<dd>
1690
- Equivalent to ''flex: << number [1,∞]> > 1 0'' .
1693
+ Equivalent to ''flex: < number [1,∞]> 1 0'' .
1691
1694
Makes the flex item flexible and sets the <a>flex basis</a> to zero,
1692
1695
resulting in an item that receives the specified proportion of the free space in the flex container.
1693
1696
If all items in the flex container use this pattern,
@@ -1980,7 +1983,7 @@ Axis Alignment: the 'justify-content' property</h3>
1980
1983
<a>Flex items</a> are evenly distributed in the line.
1981
1984
If the leftover free-space is negative
1982
1985
or there is only a single <a>flex item</a> on the line,
1983
- this value falls back to <a value for=justify-content> safe flex-start</a> .
1986
+ this value falls back to '' safe flex-start'' .
1984
1987
Otherwise,
1985
1988
the <a>main-start</a> margin edge of the first <a>flex item</a> on the line
1986
1989
is placed flush with the <a>main-start</a> edge of the line,
@@ -1995,7 +1998,7 @@ Axis Alignment: the 'justify-content' property</h3>
1995
1998
with half-size spaces on either end.
1996
1999
If the leftover free-space is negative or
1997
2000
there is only a single <a>flex item</a> on the line,
1998
- this value falls back to <a value for=justify-content> safe center</a> .
2001
+ this value falls back to '' safe center'' .
1999
2002
Otherwise, the <a>flex items</a> on the line are distributed
2000
2003
such that the spacing between any two adjacent <a>flex items</a> on the line is the same,
2001
2004
and the spacing between the first/last <a>flex items</a> and the <a>flex container</a> edges
@@ -2209,7 +2212,7 @@ Packing Flex Lines: the 'align-content' property</h3>
2209
2212
Lines are evenly distributed in the flex container.
2210
2213
If the leftover free-space is negative
2211
2214
or there is only a single <a>flex line</a> in the flex container,
2212
- this value falls back to <a value for=align-content> safe flex-start</a> .
2215
+ this value falls back to '' safe flex-start'' .
2213
2216
Otherwise,
2214
2217
the <a>cross-start</a> edge of the first line in the flex container
2215
2218
is placed flush with the <a>cross-start</a> content edge of the flex container,
@@ -2223,7 +2226,7 @@ Packing Flex Lines: the 'align-content' property</h3>
2223
2226
Lines are evenly distributed in the flex container,
2224
2227
with half-size spaces on either end.
2225
2228
If the leftover free-space is negative
2226
- this value falls back to <a value for=align-content> safe center</a> .
2229
+ this value falls back to '' safe center'' .
2227
2230
Otherwise, the lines in the flex container are distributed
2228
2231
such that the spacing between any two adjacent lines is the same,
2229
2232
and the spacing between the first/last lines and the <a>flex container</a> edges
@@ -2233,7 +2236,7 @@ Packing Flex Lines: the 'align-content' property</h3>
2233
2236
<dd>
2234
2237
Lines stretch to take up the remaining space.
2235
2238
If the leftover free-space is negative,
2236
- this value falls back to <a value for=align-content> safe flex-start</a> .
2239
+ this value falls back to '' safe flex-start'' .
2237
2240
Otherwise,
2238
2241
the free-space is split equally between all of the lines,
2239
2242
increasing their cross size.
@@ -2885,7 +2888,7 @@ Flex Container Intrinsic Main Sizes</h4>
2885
2888
to the extent allowed by the items’ flexibility.
2886
2889
2887
2890
The <strong> [=min-content=] [=main size=] of a <a>flex container</a> </strong>
2888
- is, theoretically, the smallest size the [=flex container can take=]
2891
+ is, theoretically, the smallest size the [=flex container=] can take
2889
2892
such that no items overflow it,
2890
2893
and no item's contents overflow the item--
2891
2894
setting aside the cases in which the boxes layouts are <em> defined</em> to overflow
@@ -3722,7 +3725,7 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
3722
3725
<ul>
3723
3726
<li id="change-2018-static-pos-align-content">
3724
3727
Use the [=content edges=] of the [=flex container=]
3725
- for determining the [=static position rectangle=] of flex container children,
3728
+ for determining the [=static- position rectangle=] of flex container children,
3726
3729
rather than doing extra layout work.
3727
3730
This will result in ignoring 'align-content' on the flex container,
3728
3731
but allow 'align-self' on the box itself to still take effect.
@@ -3826,7 +3829,7 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
3826
3829
3827
3830
<blockquote>
3828
3831
<p><strong> Determine the hypothetical cross size of each item</strong>
3829
- by performing layout <ins> as if it were an [=in-flow=] [=block-level box=]
3832
+ by performing layout <ins> as if it were an [=in-flow=] [=block-level box=] </ins>
3830
3833
with the used <a>main size</a> and the <ins> given</ins> available space …
3831
3834
</blockquote>
3832
3835
@@ -4165,7 +4168,7 @@ Substantive Changes and Bugfixes</h4>
4165
4168
to the product of its <a>flex grow factor</a>
4166
4169
(or <a>scaled flex shrink factor</a> , if the chosen <var> max-content flex fraction</var> was negative)
4167
4170
and the chosen <var> max-content flex fraction</var> ,
4168
- then clamp that result<ins> ing item size according to</ins> <del> by</ins >
4171
+ then clamp that result<ins> ing item size according to</ins> <del> by</del >
4169
4172
the max <ins> and min</ins> main size propert<del> y</del><ins> ies</ins> .
4170
4173
</p>
4171
4174
</blockquote>
@@ -4242,8 +4245,8 @@ Substantive Changes and Bugfixes</h4>
4242
4245
Lines are evenly distributed in the flex container.
4243
4246
If the leftover free-space is negative
4244
4247
<ins> or there is only a single <a>flex line</a> in the flex container,</ins>
4245
- this value is identical to <a value for=align-content>flex-start</a> .
4246
- </blockquote>
4248
+ this value is identical to <a value for=align-content>flex-start</a> .
4249
+ </blockquote>
4247
4250
<li id="change-2016-axis-error">
4248
4251
Fixed error in <a href="#axis-mapping">axis mapping table</a> .
4249
4252
(<a href="https://github.com/w3c/csswg-drafts/issues/205">Issue 205</a> )
@@ -4512,7 +4515,6 @@ Substantive Changes and Bugfixes</h4>
4512
4515
clamped by its <a>flex base size</a> as a maximum (if it is not growable)
4513
4516
and/or as a minimum (if it is not shrinkable),
4514
4517
and then further clamped by its <a lt="min main size property">min</a> /<a>max main size properties</a> </ins> .</p>
4515
- </ins>
4516
4518
</blockquote>
4517
4519
<li id="change-2015-intrinsic-main-container">
4518
4520
Correct errors in <a>flex container</a> main-axis intrinsic sizing.
@@ -4937,7 +4939,7 @@ Substantive Changes and Bugfixes</h4>
4937
4939
the main size must be treated as definite for the purpose of resolving the percentage,
4938
4940
and the percentage must resolve against the flexed main size of the flex item
4939
4941
(that is, after the layout algorithm below has been completed for the flex item’s flex container,
4940
- and the flex item has acquired its final size).
4942
+ and the flex item has acquired its final size).</p>
4941
4943
</ins>
4942
4944
</blockquote>
4943
4945
0 commit comments