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> | |
mstensho (USE GERRIT)
2016/04/04 21:05:38
A pass condition would be nice.
| |
15 <div style="-webkit-columns:3; line-height: 20px; column-fill: auto; height:190p x; background-color: yellow;"> | |
16 <table> | |
17 <tr><td>Te</td><td>xt</td></tr> | |
18 <tr><td>Te</td><td>xt</td></tr> | |
19 <tr><td>Te</td><td>xt</td></tr> | |
20 <tr><td>Te</td><td>xt</td></tr> | |
21 <tr><td>Te</td><td>xt</td></tr> | |
22 <tr><td>Te</td><td>xt</td></tr> | |
23 <tr><td>Te</td><td>xt</td></tr> | |
24 <tr><td>Te</td><td>xt</td></tr> | |
25 <tr><td class="td" data-total-y=191>Te</td><td>xt</td></tr> | |
26 <tr><td>Te</td><td>xt</td></tr> | |
27 <tr><td>Te</td><td>xt</td></tr> | |
28 <tr><td>Te</td><td>xt</td></tr> | |
29 <tr><td>Te</td><td>xt</td></tr> | |
30 <tr><td>Te</td><td>xt</td></tr> | |
31 <tr><td>Te</td><td>xt</td></tr> | |
32 <tr><td>Te</td><td>xt</td></tr> | |
33 <tr><td class="td" data-total-y=381>Te</td><td>xt</td></tr> | |
34 <tr><td>Te</td><td>xt</td></tr> | |
35 <tr><td>Te</td><td>xt</td></tr> | |
36 <tr><td>Te</td><td>xt</td></tr> | |
37 <tr><td>Te</td><td>xt</td></tr> | |
38 <tr><td>Te</td><td>xt</td></tr> | |
39 <tr><td>Te</td><td>xt</td></tr> | |
40 </table> | |
41 </div> | |
42 <div id="console"></div> | |
43 <script src="../../resources/check-layout.js"></script> | |
44 <script> | |
45 checkLayout(".td", document.getElementById("console")); | |
46 </script> | |
47 | |
OLD | NEW |