break-inside-avoid-multicol-001-print.html (949B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Fragmentation Test: Print a multi-column container containing break-inside:avoid elements</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 7 <link rel="help" href="https://drafts.csswg.org/css-break-3/#break-within"> 8 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1831829"> 9 <link rel="match" href="break-inside-avoid-multicol-001-print-ref.html"> 10 11 <style> 12 @page { 13 size: 5in 3in; 14 margin: 0.5in; 15 } 16 :root { 17 print-color-adjust: exact; 18 } 19 body { 20 margin: 0; 21 } 22 article { 23 column-count: 2; 24 column-gap: 0; 25 } 26 article > div { 27 width: 100%; 28 height: 3in; 29 background: green; 30 break-inside: avoid; 31 } 32 </style> 33 34 <article> 35 <!-- page 1 --> 36 <div></div> 37 38 <!-- page 2 --> 39 <div></div> 40 </article> 41 </html>