|
1 <!DOCTYPE HTML> |
|
2 <html><head> |
|
3 <title>CSS Test: Balancing Overflow, page-break-inside:avoid</title> |
|
4 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012"> |
|
5 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"> |
|
6 <meta name="flags" content="paged"> |
|
7 <meta charset="utf-8"> |
|
8 <style type="text/css"> |
|
9 @page { size:5in 3in; margin:0.5in; } |
|
10 |
|
11 html,body { |
|
12 color:black; background-color:white; font-size:16px; padding:0; margin:0; |
|
13 } |
|
14 |
|
15 .colset { |
|
16 -moz-column-count: 3; |
|
17 -moz-column-gap: 0; |
|
18 border: solid silver; |
|
19 width: 9em; |
|
20 } |
|
21 p { margin: 0; page-break-inside:avoid; } |
|
22 .short { height: 5px; page-break-inside:avoid; } |
|
23 .short p { page-break-inside:auto; } |
|
24 |
|
25 </style> |
|
26 </head> |
|
27 <body> |
|
28 |
|
29 <div class="colset"> |
|
30 <p>one</p> |
|
31 <p>two three</p> |
|
32 <p>four five</p> |
|
33 </div> |
|
34 |
|
35 <div class="colset"> |
|
36 <p>one two three four five</p> |
|
37 </div> |
|
38 |
|
39 <div class="colset"> |
|
40 <p>one two</p> |
|
41 <p>three four five</p> |
|
42 </div> |
|
43 |
|
44 <div class="colset"> |
|
45 <div class="short"><p>one two three four five</p></div> |
|
46 </div> |
|
47 |
|
48 </body> |
|
49 </html> |