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 font-size: 50px; |
| 10 } |
| 11 tr { |
| 12 break-inside: avoid; |
| 13 } |
| 14 </style> |
| 15 <p>crbug.com/99124: Table rows shouldn't straddle page boundaries.</p> |
| 16 <div style="-webkit-columns:3; line-height: 60px; column-fill: auto; height:210p
x; background-color: yellow;"> |
| 17 <table> |
| 18 <tr> |
| 19 <td><div id="container" data-total-y=1>Text <br> Text <br> Text <br>
Text <br> Text <br> Text <br> Text <br> Text</td> |
| 20 <td>Text <br> Text <br> Text <br> Text <br> Text <br> Text <br> Text
<br> Text</td> |
| 21 </tr> |
| 22 </table> |
| 23 </div> |
| 24 <div id="console"></div> |
| 25 <script src="../../resources/check-layout.js"></script> |
| 26 <script> |
| 27 checkLayout("#container", document.getElementById("console")); |
| 28 </script> |
| 29 |
OLD | NEW |