| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Testing Widows and Orphans</title> | 4 <title>Testing Widows and Orphans</title> |
| 5 <style> | 5 <style> |
| 6 body.hide-containers .container { | 6 body.hide-containers .container { |
| 7 display: none; | 7 display: none; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .container { | 10 .container { |
| 11 width: 600px; | 11 width: 600px; |
| 12 height: 200px; | 12 height: 200px; |
| 13 -webkit-columns: 3; | 13 -webkit-columns: 3; |
| 14 columns: 3; |
| 15 column-fill: auto; |
| 14 line-height: 20px; /* 10 lines per page */ | 16 line-height: 20px; /* 10 lines per page */ |
| 15 font-size: 16px; | 17 font-size: 16px; |
| 16 margin: 0 0 20px 0; | 18 margin: 0 0 20px 0; |
| 17 padding: 0; | 19 padding: 0; |
| 18 overflow: hidden; | 20 overflow: hidden; |
| 19 } | 21 } |
| 20 | 22 |
| 21 .block { | 23 .block { |
| 22 margin: 0 0 15px 0; | 24 margin: 0 0 15px 0; |
| 23 padding: 0; | 25 padding: 0; |
| (...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 195 </script> | 197 </script> |
| 196 </head> | 198 </head> |
| 197 <body> | 199 <body> |
| 198 <p> | 200 <p> |
| 199 Testing widows and orphans. Any green lines | 201 Testing widows and orphans. Any green lines |
| 200 should be at the bottom of pages/columns, and any red lines | 202 should be at the bottom of pages/columns, and any red lines |
| 201 should be at the top of pages/columns. | 203 should be at the top of pages/columns. |
| 202 </p> | 204 </p> |
| 203 </body> | 205 </body> |
| 204 </html> | 206 </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