moz-multicol3-column-balancing-break-inside-avoid-1.html (1195B)
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 <link rel="match" href="moz-multicol3-column-balancing-break-inside-avoid-1-ref.html"> 7 <meta name="flags" content="paged"> 8 <meta charset="utf-8"> 9 <style type="text/css"> 10 @page { size:5in 3in; margin:0.5in; } 11 12 html,body { 13 color:black; background-color:white; font-size:16px; padding:0; margin:0; 14 } 15 16 .colset { 17 column-count: 3; 18 column-gap: 0; 19 border: solid silver; 20 width: 9em; 21 } 22 p { margin: 0; page-break-inside:avoid; } 23 .short { height: 5px; page-break-inside:avoid; } 24 .short p { page-break-inside:auto; } 25 26 </style> 27 </head> 28 <body> 29 30 <div class="colset"> 31 <p>one</p> 32 <p>two three</p> 33 <p>four five</p> 34 </div> 35 36 <div class="colset"> 37 <p>one two three four five</p> 38 </div> 39 40 <div class="colset"> 41 <p>one two</p> 42 <p>three four five</p> 43 </div> 44 45 <div class="colset"> 46 <div class="short"><p>one two three four five</p></div> 47 </div> 48 49 </body> 50 </html>