OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script> | |
5 function test() { | |
6 document.body.offsetTop; // trigger layout | |
7 document.getElementById('elm').style.display = 'block'; | |
8 } | |
9 </script> | |
10 </head> | |
11 <body onload="test()"> | |
12 <h3>Changing the contents of a table cell, increasing column height</h3> | |
13 | |
14 <p>You should see the text "first column" once in the first column, and
the text "second | |
15 column" twice in the second column.</p> | |
16 <div style="-webkit-columns:2; columns:2; x-webkit-column-rule:1px solid
; xcolumn-rule:1px solid; orphans:1; widows:1; xbackground:yellow;"> <!-- FIXME:
should ideally paint background and column rules here, to measure the column he
ight, but the balancing machinery in the old multicol implementation doesn't do
it properly. See crbug.com/352052 --> | |
17 <div style="display:table-row;"> | |
18 first column | |
19 <div style="height:0.1em;"></div> | |
20 </div> | |
21 <div style="display:table-row;"> | |
22 second column | |
23 <div id="elm" style="display:none;">second column</div> | |
24 </div> | |
25 </div> | |
26 </body> | |
27 </html> | |
OLD | NEW |