Skip to content

Commit b160ff5

Browse files
committed
[css-align] Some minor cleanup of baseline stuff.
--HG-- extra : rebase_source : 056d2d397b85e23130968672ff974f1da551c869
1 parent d5287da commit b160ff5

2 files changed

Lines changed: 89 additions & 103 deletions

File tree

css-align/Overview.bs

Lines changed: 43 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -281,24 +281,24 @@ Baseline Alignment: the ''baseline'' and ''last-baseline'' keywords</h3>
281281
<dt><dfn>baseline</dfn>
282282
<dd>
283283
Indicates <dfn>first-baseline alignment</dfn>:
284-
aligns the box's <a>first baseline</a>
285-
with the <a>first baselines</a>
284+
aligns one of the box's <a>first baselines</a>
285+
with the corresponding <a>first baselines</a>
286286
of all the boxes in its <a>baseline-sharing group</a>.
287287

288288
If the <a>alignment subject</a>’s position is not fully determined by <a>baseline alignment</a>,
289289
the content is ''self-start''-aligned insofar as possible while preserving the baseline alignment.
290-
(Content that has no <a>first baseline</a> is thus start-aligned.)
290+
(Content that has no <a>first baselines</a> is thus start-aligned.)
291291

292292
<dt><dfn>last-baseline</dfn>
293293
<dd>
294294
Indicates <dfn>last-baseline alignment</dfn>:
295-
aligns the box's <a>last baseline</a>
296-
with the <a>last baselines</a>
295+
aligns one of the box's <a>last baselines</a>
296+
with the corresponding <a>last baselines</a>
297297
of all the boxes in its <a>baseline-sharing group</a>.
298298

299299
If the <a>alignment subject</a>’s position is not fully determined by <a>baseline alignment</a>,
300300
the content is ''self-end''-aligned insofar as possible while preserving the baseline alignment.
301-
(Content that has no <a>last baseline</a> is thus end-aligned.)
301+
(Content that has no <a>last baselines</a> is thus end-aligned.)
302302
</dl>
303303

304304
When specified for 'align-content'/'justify-content',
@@ -895,82 +895,76 @@ Block/Cross-Axis Alignment: the 'align-items' property</h3>
895895
<h2 id='baseline-rules'>
896896
Determining the Baseline of a Box</h2>
897897

898-
The <dfn>first baseline</dfn> (and <dfn>last baseline</dfn>) of a box
898+
The <dfn title="baselines of a box"></dfn><dfn>first baselines</dfn> (and <dfn>last baselines</dfn>) of a box
899899
for a given axis
900-
is a set of baselines (alphabetic, central, etc.)
901-
nominally associated with a line of text within the box.
900+
are a set of baselines (alphabetic, central, etc.)
901+
nominally associated with the first (last) line of text within the box.
902902
The <a>alignment baseline</a> is one of these,
903903
usually the dominant baseline of the <a>alignment container</a>.
904-
(Note, however, that boxes might not have a baseline in a particular axis.)
904+
(See 'alignment-baseline'.)
905+
Note that boxes might not have baselines in a particular axis.
905906

906-
The first and last baselines of a box are determined differently based on the layout model, as follows:
907+
The first and last <i>baselines of a box</i>
908+
are determined differently based on the layout model, as follows:
907909

908910
<dl>
909-
<dt>''block''
910-
<dt>''list-item''
911+
<dt>block containers
911912
<dd>
912-
The first (last) inline-axis baseline of a block
913-
is generated from the dominant baseline of the first (last) in-flow line box in the block,
914-
or is taken from the first (last) in-flow block-level child in the block that has a baseline,
913+
The first (last) inline-axis baselines of a block container
914+
are generated from the dominant baseline of the first (last) in-flow line box in the block container,
915+
or are taken from the first (last) in-flow block-level child in the block container that contributes a set of baselines,
915916
whichever comes first (last).
916917
If there is no such line box or child,
917-
then the block has no baseline.
918-
For the purposes of finding a baseline,
918+
then the block container has no baselines.
919+
For the purposes of finding the baselines,
919920
in-flow boxes with a scrolling mechanisms (see the 'overflow' property)
920921
must be considered as if scrolled to their origin (final) position.
921922

922-
A block has no block-axis baseline.
923+
A block container has no block-axis baselines.
923924

924-
<dt>''table''
925+
<dt>tables
925926
<dd>
926-
The first (last) inline-axis baseline of a table box is the baseline of its first (last) row.
927-
However, when finding the baseline of an inline-block,
928-
any baselines contributed by the table boxes must be skipped.
929-
(This quirk is a legacy behavior from [[CSS21]].)
927+
The first (last) inline-axis baselines of a table box are
928+
the baselines of its first (last) row.
930929

931-
The block-axis baseline of a table box is the baseline of its first (last) column.
930+
When finding the baselines of an inline-block,
931+
any baselines contributed by table boxes must be skipped.
932+
(This quirk is a legacy behavior from [[CSS21]].)
932933

933-
<p class='issue'>
934-
Or should it have no baseline?
934+
The block-axis baselines of a table box are the baselines of its first (last) column.
935935

936-
<dt>''table-row''
936+
<dt>table rows
937937
<dd>
938938
If any cells in the row participate in ''baseline'' (''last-baseline'') alignment along the row axis,
939-
the first (last) inline-axis baseline of the row is
940-
generated from their shared <a>alignment baseline</a> and the row's <a>first available font</a>,
939+
the first (last) inline-axis baselines of the row
940+
are generated from their shared <a>alignment baseline</a>
941+
and the row's <a>first available font</a>,
941942
after alignment has been performed.
942-
Otherwise, the first (last) inline-axis baseline of the row
943-
is synthesized from the lowest and highest content edges of the cells in the row.
943+
Otherwise, the first (last) inline-axis baselines of the row
944+
are synthesized from the lowest and highest content edges of the cells in the row.
944945
[[!CSS21]]
945946

946-
A table row has no block-axis baseline.
947+
A table row has no block-axis baselines.
947948

948-
<dt>''table-column''
949+
<dt>table columns
949950
<dd>
950951
If any cells in the column participate in ''baseline'' (''last-baseline'') alignment
951952
along the column axis (by having a writing mode perpendicular to that of the table),
952-
the first (last) block-axis baseline of the column is
953-
generated from their shared <a>alignment baseline</a> and the column's <a>first available font</a>,
953+
the first (last) block-axis baselines of the column
954+
are generated from their shared <a>alignment baseline</a>
955+
and the column's <a>first available font</a>,
954956
after alignment has been performed.
955-
Otherwise, the the first (last) inline-axis baseline of the row
956-
is synthesized from the extreme content edges of the cells in the row.
957+
Otherwise, the the first (last) inline-axis baselines of the row
958+
are synthesized from the extreme content edges of the cells in the row.
957959
[[!CSS21]]
958-
959-
A table column has no inline-axis baseline.
960-
961-
<dt>''table-cell''
962-
<dd>
963-
The inline-axis baseline of a table cell is the baseline of the first (last) in-flow line box in the cell,
964-
or the first (last) in-flow element that contributes a baseline in that axis,
965-
whichever comes first (last).
966960

967-
A table cell has no block-axis baseline.
961+
A table column has no inline-axis baselines.
968962

969-
<dt>''flex''
963+
<dt>flex containers
970964
<dd>
971965
See <a href="http://www.w3.org/TR/css3-flexbox/#flex-baselines">Flex Baselines</a> in [[!CSS3-FLEXBOX]].
972966

973-
<dt>''grid''
967+
<dt>grid containers
974968
<dd>
975969
See <a href="http://www.w3.org/TR/css3-grid-layout/#grid-baselines">Grid Baselines</a> in [[!CSS3-GRID-LAYOUT]].
976970
</dl>

0 commit comments

Comments
 (0)