OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 table { |
| 4 border-collapse: collapse; |
| 5 } |
| 6 td { |
| 7 background-color: #ddd; |
| 8 border: 1px solid black; |
| 9 } |
| 10 tr { |
| 11 break-inside: avoid; |
| 12 } |
| 13 </style> |
| 14 <p>crbug.com/99124: Table rows shouldn't straddle page boundaries.</p> |
| 15 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:210p
x; background-color: yellow;"> |
| 16 <table> |
| 17 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 18 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 19 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 20 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 21 <tr><td class="td" data-total-y=211>Text Text Text <br> Text Text</td><t
d>Text Text Text <br> Text Text</td></tr> |
| 22 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 23 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 24 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 25 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 26 <tr><td class="td" data-total-y=464>Text Text Text <br> Text Text</td><t
d>Text Text Text <br> Text Text</td></tr> |
| 27 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 28 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text T
ext</td></tr> |
| 29 </table> |
| 30 </div> |
| 31 <div id="console"></div> |
| 32 <script src="../resources/check-layout.js"></script> |
| 33 <script> |
| 34 checkLayout(".td", document.getElementById("console")); |
| 35 </script> |
| 36 |
| 37 |
OLD | NEW |