| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .egg { background:yellow; } |
| 4 .egg::before { content:"egg"; } |
| 5 .sausage { background:brown; } |
| 6 .sausage::before { content:"sausage"; } |
| 7 .spam { background:hotpink; } |
| 8 .spam::before { content:"spam"; } |
| 9 .lobster { background:salmon; } |
| 10 .lobster::before { content:"lobster"; } |
| 11 </style> |
| 12 <p>Below there should be 4 rows of boxes. The boxes on each row should have the
same color. |
| 13 Some boxes are expected to be wider than others.</p> |
| 14 <div style="-webkit-columns:3; -webkit-column-gap:10px; width:620px; height:120p
x; line-height:30px; column-fill:auto;"> |
| 15 <div class="egg"></div> |
| 16 <div style="-webkit-columns:2; -webkit-column-gap:10px;"> |
| 17 <div class="sausage"></div> |
| 18 <div class="sausage"></div> |
| 19 <div style="-webkit-column-span:all;" class="spam"></div> |
| 20 <div class="lobster"></div> |
| 21 <div class="lobster"></div> |
| 22 <div class="egg"></div> |
| 23 <div class="sausage"></div> |
| 24 <div class="spam"></div> |
| 25 <div class="lobster"></div> |
| 26 <div class="egg"></div> |
| 27 <div class="sausage"></div> |
| 28 <div class="spam"></div> |
| 29 <div class="lobster"></div> |
| 30 <div class="egg"></div> |
| 31 <div class="sausage"></div> |
| 32 <div class="spam"></div> |
| 33 <div class="egg"></div> |
| 34 <div class="sausage"></div> |
| 35 <div class="spam"></div> |
| 36 </div> |
| 37 <div class="lobster"></div> |
| 38 </div> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1489663003:
column-span:all in nested multicol requires re-insertion of fragmentainer groups. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master