blob: 90834c806b166c928e9c5139e841aaa68b3fb493 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!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>
|