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 |