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
The items are evenly distributed in the <a>alignment container</a>.
370
-
The first item is placed flush with the start edge of the <a>alignment container</a>,
371
-
the last item is placed flush with the end edge of the <a>alignment container</a>,
372
-
and the remaining items are distributed so that the spacing between any two adjacent items is the same.
369
+
The <a>alignment subjects</a> are evenly distributed in the <a>alignment container</a>.
370
+
The first <a>alignment subject</a> is placed flush with the start edge of the <a>alignment container</a>,
371
+
the last <a>alignment subject</a> is placed flush with the end edge of the <a>alignment container</a>,
372
+
and the remaining <a>alignment subjects</a>are distributed so that the spacing between any two adjacent <a>alignment subjects</a> is the same.
373
373
Unless otherwise specified,
374
374
this value falls back to ''start''.
375
375
376
376
<dt><dfn>space-around</dfn>
377
377
<dd>
378
-
The items are evenly distributed in the <a>alignment container</a>,
378
+
The <a>alignment subjects</a> are evenly distributed in the <a>alignment container</a>,
379
379
with a half-size space on either end.
380
-
The items are distributed so that the spacing between any two adjacent items is the same,
381
-
and the spacing before the first and after the last item is half the size of the other spacing.
380
+
The <a>alignment subjects</a>are distributed so that the spacing between any two adjacent <a>alignment subjects</a> is the same,
381
+
and the spacing before the first and after the last <a>alignment subject</a> is half the size of the other spacing.
382
382
Unless otherwise specified,
383
383
this value falls back to ''center''.
384
384
385
385
<dt><dfn>space-evenly</dfn>
386
386
<dd>
387
-
The items are evenly distributed in the <a>alignment container</a>,
387
+
The <a>alignment subjects</a> are evenly distributed in the <a>alignment container</a>,
388
388
with a full-size space on either end.
389
-
The items are distributed so that the spacing between any two adjacent items,
390
-
before the first item,
391
-
and after the last item
389
+
The <a>alignment subjects</a>are distributed so that the spacing between any two adjacent <a>alignment subjects</a>,
390
+
before the first <a>alignment subject</a>,
391
+
and after the last <a>alignment subject</a>
392
392
is the same.
393
393
Unless otherwise specified,
394
394
this value falls back to ''center''.
395
395
396
396
<dt><dfn>stretch</dfn>
397
397
<dd>
398
-
If the combined size of the items is less than the size of the <a>alignment container</a>,
399
-
any ''width/auto''-sized items have their size increased equally so that the combined size exactly fills the <a>alignment container</a>,
398
+
If the combined size of the <a>alignment subjects</a> is less than the size of the <a>alignment container</a>,
399
+
any ''width/auto''-sized <a>alignment subjects</a> have their size increased equally so that the combined size exactly fills the <a>alignment container</a>,
400
400
and then clamped by their 'max-width'/'max-height' constraints.
401
401
402
-
The items are then aligned as per ''flex-start''.
402
+
The <a>alignment subjects</a> are then aligned as per ''flex-start''.
403
403
<span class='note'>(For layout modes other than flex layout, ''flex-start'' is identical to ''start''.)</span>
0 commit comments