| OLD | NEW |
|---|
| 1 <html> | 1 <!DOCTYPE html> |
| 2 <div style="-webkit-column-count:2; border:5px solid blue"> | 2 <style> |
| 3 This is some text.<br> | 3 .columns { |
| 4 This is some text.<br> | 4 width: 400px; |
| 5 This is some text.<br> | 5 height: 200px; |
| 6 This is some text.<br> | 6 -webkit-column-width: 200px; |
| 7 This is some text.<br> | 7 -webkit-column-gap: 0; |
| 8 This is some text.<br> | 8 border: 5px solid blue; |
| 9 This is some text.<br> | 9 margin-bottom: 1em; |
| 10 | 10 line-height: 20px; |
| 11 This is some text.<br> | 11 } |
| 12 This is some text.<br> | 12 </style> |
| 13 This is some text.<br> | 13 <div class="columns"> |
| 14 This is some text.<br> | 14 First column<br> |
| 15 This is some text.<br> | 15 First column<br> |
| 16 This is some text.<br> | 16 First column<br> |
| 17 This is some text.<br> | 17 First column<br> |
| 18 | 18 First column<br> |
| 19 This is some text.<br> | 19 First column<br> |
| 20 This is some text.<br> | 20 First column<br> |
| 21 This is some text.<br> | 21 First column<br> |
| 22 This is some text.<br> | 22 First column<br> |
| 23 This is some text.<br> | 23 First column<br> |
| 24 This is some text.<br> | 24 <div style="-webkit-column-break-before: always"> |
| 25 This is some text.<br> | 25 Second column<br> |
| 26 | 26 Second column<br> |
| 27 <div style="-webkit-column-break-before: always"> | 27 Second column<br> |
| 28 This text should be in the second column.<br> | 28 Second column<br> |
| 29 This text should be in the second column.<br> | 29 </div> |
| 30 This text should be in the second column.<br> | |
| 31 This text should be in the second column.<br> | |
| 32 </div> | 30 </div> |
| 31 <div class="columns"> |
| 32 First column<br> |
| 33 First column<br> |
| 34 First column<br> |
| 35 First column<br> |
| 36 <div style="-webkit-column-break-before: always"> |
| 37 Second column<br> |
| 38 Second column<br> |
| 39 Second column<br> |
| 40 Second column<br> |
| 41 Second column<br> |
| 42 Second column<br> |
| 43 Second column<br> |
| 44 Second column<br> |
| 45 Second column<br> |
| 46 Second column<br> |
| 47 </div> |
| 33 </div> | 48 </div> |
| 34 | |
| 35 <div style="margin-top:1em; -webkit-column-count:2; border:5px solid blue"> | |
| 36 | |
| 37 This text should be in the first column.<br> | |
| 38 This text should be in the first column.<br> | |
| 39 This text should be in the first column.<br> | |
| 40 This text should be in the first column.<br> | |
| 41 | |
| 42 <div style="-webkit-column-break-before: always"> | |
| 43 This is some text.<br> | |
| 44 This is some text.<br> | |
| 45 This is some text.<br> | |
| 46 This is some text.<br> | |
| 47 This is some text.<br> | |
| 48 This is some text.<br> | |
| 49 This is some text.<br> | |
| 50 | |
| 51 This is some text.<br> | |
| 52 This is some text.<br> | |
| 53 This is some text.<br> | |
| 54 This is some text.<br> | |
| 55 This is some text.<br> | |
| 56 This is some text.<br> | |
| 57 This is some text.<br> | |
| 58 | |
| 59 This is some text.<br> | |
| 60 This is some text.<br> | |
| 61 This is some text.<br> | |
| 62 This is some text.<br> | |
| 63 This is some text.<br> | |
| 64 This is some text.<br> | |
| 65 This is some text.<br> | |
| 66 </div> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 671433002:
Convert fast/multicol/column-break-with-balancing (and related) to reftests. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master