monolithic-overflow-016-print.html (823B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1402540"> 4 <link rel="match" href="monolithic-overflow-016-print-ref.html"> 5 <style> 6 :root { 7 print-color-adjust: exact; 8 } 9 body { 10 margin: 0; 11 line-height: 20px; 12 } 13 </style> 14 <div style="display:table; width:80%; padding-bottom:5px; background:hotpink;"> 15 <div style="display:table-header-group; break-inside:avoid;">header</div> 16 <div style="display:table-footer-group; break-inside:avoid;">footer</div> 17 <div style="contain:size; height:320vh; padding:3px; background:cyan;"></div> 18 On the fourth page, right after a cyan box. 19 </div> 20 Right after the hotpink box. Still fourth page.<br> 21 Each page should have a header and footer.