OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script> | 2 <script> |
3 onload = function() { | 3 onload = function() { |
4 var elm = document.getElementById('elm'); | 4 var elm = document.getElementById('elm'); |
5 document.body.offsetTop; // trigger layout | 5 document.body.offsetTop; // trigger layout |
6 elm.style.display = 'block'; | 6 elm.style.display = 'block'; |
7 } | 7 } |
8 </script> | 8 </script> |
9 <style> | 9 <style> |
10 .spanner { -webkit-column-span:all; column-span:all; } | 10 .spanner { -webkit-column-span:all; column-span:all; } |
11 </style> | 11 </style> |
12 <p>Test insertion of a spanner in the middle of column content, so that we need
to split a column row in two.</p> | 12 <p>Test insertion of a spanner in the middle of column content, so that we need
to split a column row in two.</p> |
13 <p>There should be three lines below with the word "PASS". Letter spacing is exp
ected to vary.</p> | 13 <p>There should be three lines below with the word "PASS". Letter spacing is exp
ected to vary.</p> |
14 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em;"> | 14 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; orphans:1; widow
s:1;"> |
15 <div class="spanner">PASS</div> | 15 <div class="spanner">PASS</div> |
16 <div id="elm" style="display:none;">P<br>A<br>S<br>S</div> | 16 <div id="elm" style="display:none;">P<br>A<br>S<br>S</div> |
17 <div class="spanner">PASS</div> | 17 <div class="spanner">PASS</div> |
18 </div> | 18 </div> |
OLD | NEW |