OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script> | 2 <script> |
3 onload = function() { | 3 onload = function() { |
4 document.body.offsetTop; // trigger layout | 4 document.body.offsetTop; // trigger layout |
5 var elm = document.getElementById('elm'); | 5 var elm = document.getElementById('elm'); |
6 elm.style.display = 'none'; | 6 elm.style.display = 'none'; |
7 document.body.offsetTop; // trigger layout | 7 document.body.offsetTop; // trigger layout |
8 var elm2 = document.getElementById('elm2'); | 8 var elm2 = document.getElementById('elm2'); |
9 elm2.style.display = 'block'; | 9 elm2.style.display = 'block'; |
10 } | 10 } |
11 </script> | 11 </script> |
12 <style> | 12 <style> |
13 .spanner { -webkit-column-span:all; } | 13 .spanner { -webkit-column-span:all; } |
14 </style> | 14 </style> |
15 <p>Test removal of of a block between two spanners, then insertion of another bl
ock at the same position.</p> | 15 <p>Test removal of of a block between two spanners, then insertion of another bl
ock at the same position.</p> |
16 <p>You should see three lines with the word "PASS" on a lime background below. L
etter spacing is expected to vary.</p> | 16 <p>You should see three lines with the word "PASS" on a lime background below. L
etter spacing is expected to vary.</p> |
17 <div style="-webkit-columns:4; -webkit-column-gap:0; overflow:hidden; width:4em;
background:lime;"><div class="spanner">PASS</div><div id="elm" style="backgroun
d:red;">F<br>A<br>I<br>L</div><div id="elm2" style="display:none;">P<br>A<br>S<b
r>S</div><div class="spanner">PASS</div></div> | 17 <div style="-webkit-columns:4; -webkit-column-gap:0; overflow:hidden; width:4em;
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="display
:none;">P<br>A<br>S<br>S</div><div class="spanner">PASS</div></div> |
OLD | NEW |