@@ -2971,15 +2971,18 @@ <h3 id=vertical-alignment><span class=secno>6.1. </span>Vertical alignment
29712971 of the contents of slots</ h3 >
29722972
29732973 < div class =issue >
2974- < p > Remove this section and refer to Elika's css3-align: ‘< code
2975- class =property > justify-content</ code > ’ and ‘< code
2976- class =property > align-content</ code > ’
2977- <!-- Make drafts of template and grid for Aug 2012 ftf -->
2978- </ div >
2979-
2980- < div class =issue >
2981- < p > Add the effect of ‘< code class =css > margin-{top,bottom}:
2982- auto</ code > ’, generalized from flexbox? (By reference to css3-box?)
2974+ < p > Remove this section and refer to Elika's css3-align draft? ‘< a
2975+ href ="#vertical-align "> < code class =property > Vertical-align</ code > </ a > ’
2976+ is renamed to ‘< code class =property > align-content</ code > ’ there.
2977+ Which is probably easier if the slot has a vertical writing mode, but not
2978+ if it has horizontal writing mode; and also makes grids inconsistent with
2979+ tables.
2980+
2981+ < p > Or use neither ‘< a href ="#vertical-align "> < code
2982+ class =property > vertical-align</ code > </ a > ’ nor ‘< code
2983+ class =property > align-content</ code > ’ and instead rely only on elastic
2984+ margins, similar to ‘< code class =css > margin-{top,bottom}:
2985+ auto</ code > ’ in flexbox? (Those margins would be defined in css3-box.)
29832986
29842987 < p > Especially in paged material, it is very common for a column of text to
29852988 be not just aligned or centered, but vertically “justified” to align
@@ -2991,17 +2994,8 @@ <h3 id=vertical-alignment><span class=secno>6.1. </span>Vertical alignment
29912994 < pre > margin-top: 1.2em + 1fill - 0.6em</ pre >
29922995
29932996 < p > (Which could mean: preferred width is 1.2em, may be increased without
2994- limit, may be decreased by no more than 0.6em.) To increase the padding
2995- instead of the margin, the ‘< code class =property > flex</ code > ’
2996- property from css3-flex might be useful:
2997-
2998- < pre > flex: 1</ pre >
2999-
3000- < p > although that doesn't say at which side the padding is added and thus
3001- requires another property to align the content inside the box. A more
3002- direct way could be:
3003-
3004- < pre > padding-top: 0.5em + 1fill</ pre >
2997+ limit, may be decreased by no more than 0.6em.) You could similarly make
2998+ the padding elastic instead of the margin.
30052999 </ div >
30063000
30073001 < p > For the purpose of this section we define the < dfn id =a-edge > A
0 commit comments