| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em
0 } | 4 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em
0 } |
| 5 h2 { -webkit-column-span: all; background-color:#eeeeee } | 5 h2 { -webkit-column-span: all; background-color:#eeeeee } |
| 6 </style> | 6 </style> |
| 7 </head> | 7 </head> |
| 8 <body> | 8 <body> |
| 9 In this test, all of the spanning elements have their spans turned off dynamical
ly, and so they should just be in the column flow. | 9 In this test, all of the spanning elements have their spans turned off dynamical
ly, and so they should just be in the column flow. |
| 10 | 10 |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 132 document.body.offsetHeight; | 132 document.body.offsetHeight; |
| 133 | 133 |
| 134 spanners = document.getElementsByTagName('h2'); | 134 spanners = document.getElementsByTagName('h2'); |
| 135 for (i = 0; i < spanners.length; i++) { | 135 for (i = 0; i < spanners.length; i++) { |
| 136 spanners[i].style.webkitColumnSpan = 1; | 136 spanners[i].style.webkitColumnSpan = 1; |
| 137 } | 137 } |
| 138 </script> | 138 </script> |
| 139 | 139 |
| 140 </body> | 140 </body> |
| 141 </html> | 141 </html> |
| OLD | NEW |