Skip to content

Commit 5ac507f

Browse files
author
howcome
committed
reordering sections
1 parent faf0b83 commit 5ac507f

1 file changed

Lines changed: 66 additions & 67 deletions

File tree

‎css-gcpm/Overview.src.html‎

Lines changed: 66 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -3164,70 +3164,6 @@ <h3>Clearing page floats</h3>
31643164
</div>
31653165

31663166

3167-
<h3>Overconstrained page floats</h3>
3168-
3169-
<p>In many cases, the specified values on these properties cannot be honored.
3170-
3171-
<div class=example>The number of columns is limited, and high values therefore cannot be honored:
3172-
<pre>
3173-
.figure { float: top; float-defer-column: 1000 }
3174-
</pre>
3175-
</div>
3176-
3177-
<div class=example>A narrow screen may only have room for one column, in which case this request cannot be honored:
3178-
<pre>
3179-
.figure { float: top; float-defer-column: -5 }
3180-
</pre>
3181-
</div>
3182-
3183-
<div class=example>In long documents, all content cannot fit on the last page, and this rule therefore cannot be honored:
3184-
<pre>
3185-
p { float: top; float-defer-page: last }
3186-
</pre>
3187-
</div>
3188-
3189-
<p>Page floats are processed in the order they appear in the source. However, the visual order of page floats may not ne the same as the source order.
3190-
3191-
<div class=example>Consider this code:
3192-
3193-
<pre>
3194-
.one { float: top; float-defer-page: last; column-span: all }
3195-
.two { float: top; clear: column }
3196-
3197-
&lt;div class=one>&lt;/div>
3198-
&lt;div class=two>&lt;/div>
3199-
</pre>
3200-
3201-
<p>In this example, the first element requests to appear on the last page, while the second element requests to appear in the natural column. If the natural column of the second element appears on a page before the last page, the second element will appear visually before the first.
3202-
3203-
</div>
3204-
3205-
3206-
<div class=example>Consider this code:
3207-
3208-
<pre>
3209-
.one { float: top; float-defer-page: last; column-span: all }
3210-
.two { float: top; clear: column }
3211-
3212-
&lt;div class=one>&lt;/div>
3213-
&lt;div class=two>&lt;/div>
3214-
</pre>
3215-
3216-
<p>If all content can fit on one page, the first page will also be the last page. The first element is processed first and is placed on top of the first page. Then the second element is processed. It reqests a clear top, somthing which is not possible on the first page. Therefore, a second page is created and the first element is moved there. Even if the first element requests to be on the last page, it will not appear there.
3217-
</div>
3218-
3219-
<p>When resolving over-constrained layouts, the order of importance for defined goals are:
3220-
3221-
<ol>
3222-
<li>honor basic multi-column layout ('columns', 'column-span: all', 'column-gap' etc)
3223-
<li>honor 'column-span: &lt;integer>'
3224-
<li>honor 'clear: top/bottom/pcolumn/page'
3225-
<li>honor 'float-defer-page'
3226-
<li>honor 'float-defer-column'
3227-
<li>honor 'float: top/bottom'
3228-
<li>display all content (as described by other CSS properties)
3229-
<li>keep the number of pages to a minimum
3230-
</ol>
32313167

32323168

32333169
<h3>Floating inside and outside pages</h3>
@@ -3517,10 +3453,75 @@ <h2>Page and column floats, alternative syntax</h2>
35173453
35183454
-->
35193455

3456+
<h3>Overconstrained page floats</h3>
3457+
3458+
<p>In many cases, the specified values on these properties cannot be honored.
3459+
3460+
<div class=example>The number of columns is limited, and high values therefore cannot be honored:
3461+
<pre>
3462+
.figure { float: top; float-defer-column: 1000 }
3463+
</pre>
3464+
</div>
3465+
3466+
<div class=example>A narrow screen may only have room for one column, in which case this request cannot be honored:
3467+
<pre>
3468+
.figure { float: top; float-defer-column: -5 }
3469+
</pre>
3470+
</div>
3471+
3472+
<div class=example>In long documents, all content cannot fit on the last page, and this rule therefore cannot be honored:
3473+
<pre>
3474+
p { float: top; float-defer-page: last }
3475+
</pre>
3476+
</div>
3477+
3478+
<p>Page floats are processed in the order they appear in the source. However, the visual order of page floats may not ne the same as the source order.
3479+
3480+
<div class=example>Consider this code:
3481+
3482+
<pre>
3483+
.one { float: top; float-defer-page: last; column-span: all }
3484+
.two { float: top; clear: column }
3485+
3486+
&lt;div class=one>&lt;/div>
3487+
&lt;div class=two>&lt;/div>
3488+
</pre>
3489+
3490+
<p>In this example, the first element requests to appear on the last page, while the second element requests to appear in the natural column. If the natural column of the second element appears on a page before the last page, the second element will appear visually before the first.
3491+
3492+
</div>
3493+
3494+
3495+
<div class=example>Consider this code:
3496+
3497+
<pre>
3498+
.one { float: top; float-defer-page: last; column-span: all }
3499+
.two { float: top; clear: column }
3500+
3501+
&lt;div class=one>&lt;/div>
3502+
&lt;div class=two>&lt;/div>
3503+
</pre>
3504+
3505+
<p>If all content can fit on one page, the first page will also be the last page. The first element is processed first and is placed on top of the first page. Then the second element is processed. It reqests a clear top, somthing which is not possible on the first page. Therefore, a second page is created and the first element is moved there. Even if the first element requests to be on the last page, it will not appear there.
3506+
</div>
3507+
3508+
<p>When resolving over-constrained layouts, the order of importance for defined goals are:
3509+
3510+
<ol>
3511+
<li>honor basic multi-column layout ('columns', 'column-span: all', 'column-gap' etc)
3512+
<li>honor 'column-span: &lt;integer>'
3513+
<li>honor 'clear: top/bottom/pcolumn/page'
3514+
<li>honor 'float-defer-page'
3515+
<li>honor 'float-defer-column'
3516+
<li>honor 'float: top/bottom'
3517+
<li>display all content (as described by other CSS properties)
3518+
<li>keep the number of pages to a minimum
3519+
</ol>
3520+
35203521

35213522
<h2>Selecting columns and pages</h2>
35223523

3523-
<h3>Selecting named pages</h3>
3524+
<h3>Selecting certain named pages</h3>
35243525

35253526
<p>In CSS2, <a href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and right pages</a> can be selected. This specification exte adds selector grammar from <a href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo"></a>.
35263527

@@ -3666,8 +3667,6 @@ <h2>Conditional text</h2>
36663667
</pre>
36673668
</div>
36683669

3669-
3670-
36713670
<h2>Exclusions</h2>
36723671

36733672
<h3>The 'clear-side' property</h3>

0 commit comments

Comments
 (0)