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:210p x; background-color: yellow;"> | |
16 <table> | |
mstensho (USE GERRIT)
2016/04/04 21:05:38
Missing indentation.
| |
17 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
mstensho (USE GERRIT)
2016/04/04 21:05:38
Might consider using one single word per line, to
| |
18 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
19 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
20 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
21 <tr><td class="td" data-total-y=211>Text Text Text <br> Text Text</td><td>Te xt Text Text <br> Text Text</td></tr> | |
22 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
23 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
24 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
25 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
26 <tr><td class="td" data-total-y=464>Text Text Text <br> Text Text</td><td>Te xt Text Text <br> Text Text</td></tr> | |
27 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /td></tr> | |
28 <tr><td>Text Text Text <br> Text Text</td><td>Text Text Text <br> Text Text< /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 |