OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script> |
| 3 onload = function() { |
| 4 document.body.offsetTop; // trigger layout |
| 5 var elm = document.getElementById('elm'); |
| 6 elm.style.display = 'none'; |
| 7 document.body.offsetTop; // trigger layout |
| 8 var elm2 = document.getElementById('elm2'); |
| 9 elm2.style.display = 'block'; |
| 10 } |
| 11 </script> |
| 12 <style> |
| 13 .spanner { -webkit-column-span:all; column-span:all; } |
| 14 </style> |
| 15 <p>You should see three lines with the word "PASS" on a lime background below.</
p> |
| 16 <div style="float:left; overflow:hidden;"> |
| 17 <div style="-webkit-columns:4; columns:4; column-gap:0; -webkit-column-gap:0
; orphans:1; widows:1; background:lime;"><div class="spanner">PASS</div><div id=
"elm" style="background:red;">F<br>A<br>I<br>L</div><div id="elm2" style="displa
y:none;">P<br>A<br>S<br>S</div><div class="spanner">PASS</div></div> |
| 18 </div> |
OLD | NEW |