OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>Changing the contents of a table cell, increasing column height</ title> | |
Julien - ping for review
2014/03/12 15:58:23
Putting anything in the title is useless from DRT'
mstensho (USE GERRIT)
2014/03/13 08:26:48
Done.
I keep thinking that my tests could be used
| |
5 <script> | |
6 function test() { | |
7 document.body.offsetTop; // trigger layout | |
8 document.getElementById('elm').style.display = 'block'; | |
9 } | |
10 </script> | |
11 </head> | |
12 <body onload="test()"> | |
13 <p>You should see the text "first column" once in the first column, and the text "second | |
14 column" twice in the second column.</p> | |
15 <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. --> | |
Julien - ping for review
2014/03/12 15:58:23
Can we link to bugs about fixing these bits. Putti
mstensho (USE GERRIT)
2014/03/13 08:26:48
Done.
| |
16 <div style="display:table-row;"> | |
Julien - ping for review
2014/03/12 15:58:23
Nit: Space after ":". I didn't repeat this comment
mstensho (USE GERRIT)
2014/03/13 08:26:48
I really prefer no space after ':' when using styl
| |
17 first column | |
18 <div style="height:0.1em;"></div> | |
19 </div> | |
20 <div style="display:table-row;"> | |
21 second column | |
22 <div id="elm" style="display:none;">second column</div> | |
23 </div> | |
24 </div> | |
25 </body> | |
26 </html> | |
OLD | NEW |