Skip to content

Commit a8159c3

Browse files
committed
[css-align] Use the term 'alignment subjects' more broadly.
1 parent c80f9a6 commit a8159c3

File tree

2 files changed

+1931
-825
lines changed

2 files changed

+1931
-825
lines changed

css-align/Overview.bs

+16-16
Original file line numberDiff line numberDiff line change
@@ -354,9 +354,9 @@ Baseline Alignment: the ''baseline'' and ''last-baseline'' keywords</h3>
354354
Distributed Alignment: the ''<content-distribution>/stretch'', ''space-between'', ''space-around'', and ''space-evenly'' keywords</h3>
355355

356356
The distribution values are used by 'justify-content' and 'align-content'
357-
to distribute the items in the <a>alignment subject</a>
357+
to distribute the <a>alignment subjects</a>
358358
evenly between the start and end edges of the <a>alignment container</a>.
359-
When the <a>alignment subject</a> cannot be distributed in this way,
359+
When the <a>alignment subjects</a> cannot be distributed in this way,
360360
they behave as their <dfn export>fallback alignment</dfn>.
361361
Each distribution value has an associated <<content-position>> as a <a>fallback alignment</a>,
362362
but one can alternatively be explicitly specified in the property.
@@ -366,40 +366,40 @@ Distributed Alignment: the ''<content-distribution>/stretch'', ''space-between''
366366
<dl dfn-type="value" dfn-for="<content-distribution>">
367367
<dt><dfn>space-between</dfn>
368368
<dd>
369-
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.
373373
Unless otherwise specified,
374374
this value falls back to ''start''.
375375

376376
<dt><dfn>space-around</dfn>
377377
<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>,
379379
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.
382382
Unless otherwise specified,
383383
this value falls back to ''center''.
384384

385385
<dt><dfn>space-evenly</dfn>
386386
<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>,
388388
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>
392392
is the same.
393393
Unless otherwise specified,
394394
this value falls back to ''center''.
395395

396396
<dt><dfn>stretch</dfn>
397397
<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>,
400400
and then clamped by their 'max-width'/'max-height' constraints.
401401

402-
The items are then aligned as per ''flex-start''.
402+
The <a>alignment subjects</a> are then aligned as per ''flex-start''.
403403
<span class='note'>(For layout modes other than flex layout, ''flex-start'' is identical to ''start''.)</span>
404404
</dl>
405405

0 commit comments

Comments
 (0)