Skip to content

Commit b682933

Browse files
committed
Generated. Do not edit!
1 parent af806fa commit b682933

1 file changed

Lines changed: 14 additions & 20 deletions

File tree

css3-layout/Overview.html

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)