table-cell-breaking-2-ref.html (1121B)
1 <!DOCTYPE html> 2 <html class="reftest-paged"> 3 <meta charset="utf-8"> 4 <title>CSS Fragmentation Test Reference: breaking of a table-cell with box-decoration-break:clone</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 8 <style> 9 @page { size:5in 3in; margin:0.5in; } 10 11 html, body { 12 font-size: 12pt; margin: 0; 13 } 14 15 .td { 16 width: 1in; 17 background: green; 18 padding: 0.25in; 19 border: 0.25in solid gray; 20 } 21 </style> 22 23 <!-- Due to bug 1564726, a block frame with box-decoration-break:clone doesn't 24 setup its available space correctly to reflow its children, so content 25 can draw onto its border and padding. So we use two <div class="td"> to 26 workaround that instead of the following snippet. 27 28 <div class="td"> 29 <div style="height: 2in; background: yellow;"></div> 30 </div> 31 --> 32 33 <div class="td"> 34 <div style="height: 1in; background: yellow;"></div> 35 </div> 36 <div class="td"> 37 <div style="height: 1in; background: yellow;"></div> 38 </div> 39 </html>