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 |