OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
| 3 body { overflow: hidden; } /* Avoid triggering a second layout pass, as that mig
ht hide bugs. */ |
3 table { border-spacing:0; line-height:1.5em; } | 4 table { border-spacing:0; line-height:1.5em; } |
4 tr { break-inside:avoid; } | 5 tr { break-inside:avoid; } |
5 td { padding:0; background:red; } | 6 td { padding:0; background:red; } |
6 td > div { width:2em; background:green; } | 7 td > div { width:2em; background:green; } |
7 </style> | 8 </style> |
8 <p>crbug.com/99124: A multi-line cell doesn't straddle a page-break when break-i
nside:avoid is specified on the row. There should be a green square and no red b
elow.</p> | 9 <p>crbug.com/99124: A multi-line cell doesn't straddle a page-break when break-i
nside:avoid is specified on the row. There should be a green square and no red b
elow.</p> |
9 <div style="columns:2; column-fill:auto; column-gap:0; width:4em; height:7.9em;"
> | 10 <div style="columns:2; column-fill:auto; column-gap:0; width:4em; height:8.5em;"
> |
10 <table> | 11 <table> |
11 <tr> | 12 <tr> |
12 <td><div><br><br></div></td> | 13 <td><div><br><br></div></td> |
13 </tr> | 14 </tr> |
14 <tr> | 15 <tr> |
15 <td><div><br><br></div></td> | 16 <td><div><br><br></div></td> |
16 </tr> | 17 </tr> |
17 <tr> | 18 <tr> |
18 <td><div><br><br></div></td> | 19 <td><div><br><br></div></td> |
19 </tr> | 20 </tr> |
20 <tr> | 21 <tr> |
21 <td><div><br><br></div></td> | 22 <td><div><br><br></div></td> |
22 </tr> | 23 </tr> |
23 <tr> | 24 <tr> |
24 <td><div><br><br></div></td> | 25 <td><div><br><br></div></td> |
25 </tr> | 26 </tr> |
26 <tr> | 27 <tr> |
27 <td><div><br><br></div></td> | 28 <td><div><br><br></div></td> |
28 </tr> | 29 </tr> |
29 </table> | 30 </table> |
30 </div> | 31 </div> |
OLD | NEW |