Skip to content

Commit af806fa

Browse files
committed
Better text for the issue about aligning elements and stretching
margins vertically (at the top of the 'vertical-align' section).
1 parent ea3c415 commit af806fa

1 file changed

Lines changed: 10 additions & 19 deletions

File tree

css3-layout/Overview.src.html

Lines changed: 10 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2283,15 +2283,15 @@ <h2>Rendering of grid elements</h2>
22832283
<h3 id=vertical-alignment>Vertical alignment of the contents of slots</h3>
22842284

22852285
<div class=issue>
2286-
<p>Remove this section and refer to Elika's css3-align:
2287-
'justify-content' and 'align-content'
2286+
<p>Remove this section and refer to Elika's css3-align draft?
2287+
'Vertical-align' is renamed to 'align-content' there. Which is
2288+
probably easier if the slot has a vertical writing mode, but not if it
2289+
has horizontal writing mode; and also makes grids inconsistent with
2290+
tables.
22882291

2289-
<!-- Make drafts of template and grid for Aug 2012 ftf -->
2290-
</div>
2291-
2292-
<div class=issue>
2293-
<p>Add the effect of 'margin-{top,bottom}: auto', generalized from
2294-
flexbox? (By reference to css3-box?)
2292+
<p>Or use neither 'vertical-align' nor 'align-content' and instead
2293+
rely only on elastic margins, similar to 'margin-{top,bottom}: auto'
2294+
in flexbox? (Those margins would be defined in css3-box.)
22952295

22962296
<p>Especially in paged material, it is very common for a column of
22972297
text to be not just aligned or centered, but vertically “justified” to
@@ -2303,17 +2303,8 @@ <h3 id=vertical-alignment>Vertical alignment of the contents of slots</h3>
23032303
<pre>margin-top: 1.2em + 1fill - 0.6em</pre>
23042304

23052305
<p>(Which could mean: preferred width is 1.2em, may be increased
2306-
without limit, may be decreased by no more than 0.6em.) To increase
2307-
the padding instead of the margin, the 'flex' property from css3-flex
2308-
might be useful:
2309-
2310-
<pre>flex: 1</pre>
2311-
2312-
<p>although that doesn't say at which side the padding is added and
2313-
thus requires another property to align the content inside the box. A
2314-
more direct way could be:
2315-
2316-
<pre>padding-top: 0.5em + 1fill</pre>
2306+
without limit, may be decreased by no more than 0.6em.) You could
2307+
similarly make the padding elastic instead of the margin.
23172308
</div>
23182309

23192310
<p>For the purpose of this section we define the <dfn>A edge</dfn>

0 commit comments

Comments
 (0)