OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script> | |
3 onload = function() { | |
4 document.body.offsetTop; // trigger layout | |
5 document.getElementById('elm').style.display = 'block'; | |
6 } | |
7 </script> | |
8 <p>Test changing the contents of a table cell, increasing column height</p> | |
9 <p>You should see the text "first column" once in the first column, and the text "second | |
10 column" twice in the second column.</p> | |
11 <div style="-webkit-columns:2; -webkit-column-rule:1px solid; -webkit-column-gap :11px; width:511px; background:yellow;"> | |
andersr
2015/02/19 16:36:09
Is background:yellow there just to make the gap vi
mstensho (USE GERRIT)
2015/02/19 16:47:04
It's there to show the actual height of the multic
| |
12 <div style="display:table-row;"> | |
13 first column | |
14 <div style="height:0.1em;"></div> | |
15 </div> | |
16 <div style="display:table-row;"> | |
17 second column | |
18 <div id="elm" style="display:none;">second column</div> | |
19 </div> | |
20 </div> | |
OLD | NEW |