allowed-page-breaks-004

allowed page break - dropping widows and orphans restrictions

WeasyPrint

This browser

Flags
paged
Assertion
If the standard restrictions do not provide enough break points to keep content from overflowing the page boxes after dropping the restrictions imposed by 'avoid' on the 'page-break-*' properties then the restrictions due to 'windows' and 'orphans' are dropped as well.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 <head>
 4 <title>CSS Test: allowed page break - dropping widows and orphans restrictions</title>
 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
 6 <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com">
 7 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props">
 8 <meta name="assert" content="If the standard restrictions do not provide enough break points to keep content from overflowing the page boxes after dropping the restrictions imposed by 'avoid' on the 'page-break-*' properties then the restrictions due to 'windows' and 'orphans' are dropped as well.">
 9 <meta name="flags" content="paged">
10 <style type="text/css">
11 	html, body { line-height: 1; margin: 0; padding: 0; }
12 	pre {
13 		margin: 0; padding: 0;
14 		font: inherit;
15 		font-size: 12pt;
16 		white-space: pre;
17 		page-break-before: avoid;
18 		page-break-after: avoid;
19 		page-break-inside: avoid;
20 		widows: 30;
21 		orphans: 30;
22 		font-size: 
23 	}
24 	span {
25 		font-size: 1in;
26 	}
27 </style>
28 </head>
29 <body>
30 <pre id="wrapper">This test assumes pages &lt; 26in tall.
31 Lines A-Z must all appear in order,
32 filling each page until Z on the last.
33 <span>Line A
34 Line B
35 Line C
36 Line D
37 Line E
38 Line F
39 Line G
40 Line H
41 Line I
42 Line J
43 Line K
44 Line L
45 Line M
46 Line N
47 Line O
48 Line P
49 Line Q
50 Line R
51 Line S
52 Line T
53 Line U
54 Line V
55 Line W
56 Line X
57 Line Y
58 Line Z</span></pre>
59 </body>
60 </html>