| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> |
| <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1378294"> |
| <!-- All fragmentainers but the first just have room for the repeated headers |
| and footers, and no room for regular, unrepeated, stuff. We should still |
| fit 1px of unrepeated content in every fragmentainer, because that should |
| be a sensible way of interpretating |
| https://www.w3.org/TR/css-break-3/#breaking-rules ("fragmentainers are |
| assumed to have a minimum block size of 1px"). --> |
| <div style="margin:100px; columns:4; column-fill:auto; height:40px; background:yellow;"> |
| <div style="margin-bottom:-60px;"></div> |
| <div style="columns:1; column-fill:auto; background:lime;"> |
| <div style="display:table;"> |
| <div style="display:table-header-group; break-inside:avoid;"> |
| <div style="width:20px; height:20px; background:blue;"></div> |
| </div> |
| <div style="display:table-footer-group; break-inside:avoid;"> |
| <div style="width:20px; height:20px; background:hotpink;"></div> |
| </div> |
| <div style="height:100px; background:black;"></div> |
| </div> |
| </div> |
| </div> |
