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: 20px; | |
mstensho (USE GERRIT)
2016/03/17 14:04:03
Better use forced line breaks inside the cells, ra
| |
10 } | |
11 tr { | |
12 page-break-inside: avoid; | |
mstensho (USE GERRIT)
2016/03/17 14:04:03
Can you say break-inside:avoid (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: 20px; column-fill: auto; height:210p x; background-color: yellow;"> | |
17 <table> | |
18 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
19 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
20 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
21 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
22 <tr><td class="td" data-total-y=211>Text Text Text Text Text</td><td>Text Te xt Text Text Text</td></tr> | |
23 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
24 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
25 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
26 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
27 <tr><td class="td" data-total-y=464>Text Text Text Text Text</td><td>Text Te xt Text Text Text</td></tr> | |
28 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
29 <tr><td>Text Text Text Text Text</td><td>Text Text Text Text Text</td></tr> | |
30 </table> | |
31 </div> | |
32 <div id="console"></div> | |
33 <script src="../../resources/check-layout.js"></script> | |
34 <script> | |
35 checkLayout(".td", document.getElementById("console")); | |
36 </script> | |
37 | |
38 | |
OLD | NEW |