| 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 column-count: 3; |
| 81 column-fill: auto; |
| 80 } | 82 } |
| 81 | 83 |
| 82 .column-line { | 84 .column-line { |
| 83 width: 100px; | 85 width: 100px; |
| 84 height: 20px; | 86 height: 20px; |
| 85 background: gray; | 87 background: gray; |
| 86 } | 88 } |
| 87 | 89 |
| 88 #transformed { | 90 #transformed { |
| 89 position: absolute; | 91 position: absolute; |
| (...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 267 | 269 |
| 268 // End asynchronous test. | 270 // End asynchronous test. |
| 269 if (window.testRunner) | 271 if (window.testRunner) |
| 270 window.testRunner.notifyDone(); | 272 window.testRunner.notifyDone(); |
| 271 }, 0); | 273 }, 0); |
| 272 }, 0); | 274 }, 0); |
| 273 }, false); | 275 }, false); |
| 274 </script> | 276 </script> |
| 275 </body> | 277 </body> |
| 276 </html> | 278 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 25687002:
Add support for the column-fill property. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master