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>.
350
-
The first item is placed flush with the start edge of the <a>alignment container</a>,
351
-
the last item is placed flush with the end edge of the <a>alignment container</a>,
352
-
and the remaining items are distributed so that the spacing between any two adjacent items is the same.
349
+
The <a>alignment subjects</a> are evenly distributed in the <a>alignment container</a>.
350
+
The first <a>alignment subject</a> is placed flush with the start edge of the <a>alignment container</a>,
351
+
the last <a>alignment subject</a> is placed flush with the end edge of the <a>alignment container</a>,
352
+
and the remaining <a>alignment subjects</a>are distributed so that the spacing between any two adjacent <a>alignment subjects</a> is the same.
353
353
Unless otherwise specified,
354
354
this value falls back to ''start''.
355
355
356
356
<dt><dfn>space-around</dfn>
357
357
<dd>
358
-
The items are evenly distributed in the <a>alignment container</a>,
358
+
The <a>alignment subjects</a> are evenly distributed in the <a>alignment container</a>,
359
359
with a half-size space on either end.
360
-
The items are distributed so that the spacing between any two adjacent items is the same,
361
-
and the spacing before the first and after the last item is half the size of the other spacing.
360
+
The <a>alignment subjects</a>are distributed so that the spacing between any two adjacent <a>alignment subjects</a> is the same,
361
+
and the spacing before the first and after the last <a>alignment subject</a> is half the size of the other spacing.
362
362
Unless otherwise specified,
363
363
this value falls back to ''center''.
364
364
365
365
<dt><dfn>space-evenly</dfn>
366
366
<dd>
367
-
The items are evenly distributed in the <a>alignment container</a>,
367
+
The <a>alignment subjects</a> are evenly distributed in the <a>alignment container</a>,
368
368
with a full-size space on either end.
369
-
The items are distributed so that the spacing between any two adjacent items,
370
-
before the first item,
371
-
and after the last item
369
+
The <a>alignment subjects</a>are distributed so that the spacing between any two adjacent <a>alignment subjects</a>,
370
+
before the first <a>alignment subject</a>,
371
+
and after the last <a>alignment subject</a>
372
372
is the same.
373
373
Unless otherwise specified,
374
374
this value falls back to ''center''.
375
375
376
376
<dt><dfn>stretch</dfn>
377
377
<dd>
378
-
If the combined size of the items is less than the size of the <a>alignment container</a>,
379
-
any ''width/auto''-sized items have their size increased equally so that the combined size exactly fills the <a>alignment container</a>,
378
+
If the combined size of the <a>alignment subjects</a> is less than the size of the <a>alignment container</a>,
379
+
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>,
380
380
and then clamped by their 'max-width'/'max-height' constraints.
381
381
382
-
The items are then aligned as per ''flex-start''.
382
+
The <a>alignment subjects</a> are then aligned as per ''flex-start''.
383
383
<span class='note'>(For layout modes other than flex layout, ''flex-start'' is identical to ''start''.)</span>
0 commit comments