| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 body { overflow: scroll; } | 3 body { overflow: scroll; } |
| 4 tr { break-inside:avoid; } | |
| 5 </style> | 4 </style> |
| 6 <div id="multicol" style="columns:4; column-fill:auto; column-gap:0; height:70px
; line-height:20px; orphans:1; widows:1;"> | 5 <div id="multicol" style="columns:4; column-fill:auto; column-gap:0; height:70px
; line-height:20px; orphans:1; widows:1;"> |
| 7 <table style="width:50px;" cellspacing="0" cellpadding="0"> | 6 <table style="width:50px;" cellspacing="0" cellpadding="0"> |
| 8 <tbody> | 7 <tbody> |
| 9 <tr data-offset-y="0" data-expected-height="60"> | 8 <tr data-offset-y="0" data-expected-height="60"> |
| 10 <td><br><br><br></td> | 9 <td><br><br><br></td> |
| 11 </tr> | 10 </tr> |
| 12 <tr data-offset-y="70" data-expected-height="60"> | 11 <tr data-offset-y="60" data-expected-height="70"> |
| 13 <td><br><br><br></td> | 12 <td><br><br><br></td> |
| 14 </tr> | 13 </tr> |
| 15 <tr data-offset-y="140" data-expected-height="60"> | 14 <tr data-offset-y="130" data-expected-height="70"> |
| 16 <td><br><br><br></td> | 15 <td><br><br><br></td> |
| 17 </tr> | 16 </tr> |
| 18 </tbody> | 17 </tbody> |
| 19 <tfoot> | 18 <tfoot> |
| 20 <tr data-offset-y="210" data-expected-height="60"> | 19 <tr data-offset-y="200" data-expected-height="70"> |
| 21 <td><br><br><br></td> | 20 <td><br><br><br></td> |
| 22 </tr> | 21 </tr> |
| 23 </tfoot> | 22 </tfoot> |
| 24 </table> | 23 </table> |
| 25 </div> | 24 </div> |
| 26 <script src="../resources/check-layout.js"></script> | 25 <script src="../resources/check-layout.js"></script> |
| 27 <script> | 26 <script> |
| 28 checkLayout("#multicol"); | 27 checkLayout("#multicol"); |
| 29 </script> | 28 </script> |
| OLD | NEW |