OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1
"> | 4 <meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1
"> |
5 <style> | 5 <style> |
6 * { | 6 * { |
7 margin: 0; | 7 margin: 0; |
8 padding: 0; | 8 padding: 0; |
9 } | 9 } |
10 | 10 |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
70 } | 70 } |
71 | 71 |
72 #columns { | 72 #columns { |
73 position: absolute; | 73 position: absolute; |
74 width: 400px; | 74 width: 400px; |
75 height: 200px; | 75 height: 200px; |
76 top: 220px; | 76 top: 220px; |
77 left: 500px; | 77 left: 500px; |
78 border: 1px solid black; | 78 border: 1px solid black; |
79 -webkit-column-count: 3; | 79 -webkit-column-count: 3; |
| 80 -webkit-column-fill: auto; |
| 81 column-count: 3; |
| 82 column-fill: auto; |
80 } | 83 } |
81 | 84 |
82 .column-line { | 85 .column-line { |
83 width: 100px; | 86 width: 100px; |
84 height: 20px; | 87 height: 20px; |
85 background: gray; | 88 background: gray; |
86 } | 89 } |
87 | 90 |
88 #transformed { | 91 #transformed { |
89 position: absolute; | 92 position: absolute; |
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
267 | 270 |
268 // End asynchronous test. | 271 // End asynchronous test. |
269 if (window.testRunner) | 272 if (window.testRunner) |
270 window.testRunner.notifyDone(); | 273 window.testRunner.notifyDone(); |
271 }, 0); | 274 }, 0); |
272 }, 0); | 275 }, 0); |
273 }, false); | 276 }, false); |
274 </script> | 277 </script> |
275 </body> | 278 </body> |
276 </html> | 279 </html> |
OLD | NEW |