<!
DOCTYPE HTML >
<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/
<
html ><
head >
<
meta charset=
"utf-8" >
<
title >CSS Grid Test: Fragmentation of height:auto grid, not top-of-page, item break-inside:
avoid</title >link rel="author" title ="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144096 " >link rel="help" href="https://drafts.csswg.org/css-grid/#pagination " >link rel="match" href="grid-fragmentation-006-ref.html" >style type="text/css" >html ,body {body { overflow:hidden; }span { background:lime; border:1px solid black; }style >head >body >div class="columns" style ="height: 110px/*trigger IsInlineBreakBefore() for the item*/" >div style ="padding-top:30px; background:grey" >div class="grid" >span class="avoid-break" ><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span >div >div ></div >div class="columns" style ="height: 70px/*item will be INCOMPLETE*/" >div style ="background:grey" >div class="grid" >span class="avoid-break" ><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span >div >div ></div >div class="columns" style ="height: 100px/*item will be INCOMPLETE*/" >div style ="background:grey" >div class="grid" >span class="avoid-break" style ="grid-row:span 2" ><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span >div >div ></div ><!-- bug 1415301<div class="columns" style="height: 140px/*trigger IsInlineBreakBefore() for the item*/"> <div style="padding-top:30px; background:grey"> <div class="grid"> <span style="grid-row:span 3"><x></x></span> <span class="avoid-break" style="grid-row:span 2"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><x></x></span></div> </div></div> div class="columns" style ="height: 100px/*trigger IsInlineBreakBefore() for the item*/" >div style ="padding-top:1px; background:grey" >div class="grid" style ="grid-auto-rows: 50px;" >span class="avoid-break" style ="grid-row:span 2; height:60px" ><i></i><i></i><i></i><x></x></span >div >div ></div >div class="columns" style ="height: 100px/*trigger IsInlineBreakBefore() for the item*/" >div style ="padding-top:1px; background:grey" >div class="grid" style ="grid-auto-rows: 50px; height:116px;" >span class="avoid-break" style ="grid-row:span 2; height:60px" ><i></i><i></i><i></i><x></x></span >div >div ></div >div class="columns" style ="height: 100px/*trigger IsInlineBreakBefore() for the item*/" >div style ="padding-top:1px; background:grey" >div class="grid" style ="grid-auto-rows: 50px; height:116px; grid-gap:0;" >span class="avoid-break" style ="grid-row:span 2; height:60px" ><i></i><i></i><i></i><x></x></span >div >div ></div >div class="columns" style ="height: 100px/*trigger IsInlineBreakBefore() for the item*/" >div style ="padding-top:1px; background:grey" >div class="grid" style ="grid-auto-rows: 50px; height:116px; grid-gap:0;" >span style ="height:100px; background:pink" ><x></x></span >span class="avoid-break" style ="grid-row:span 2; height:60px" ><i></i><i></i><i></i><x></x></span >div >div ></div >body >html > Messung V0.5 C=93 H=97 G=94
¤ Dauer der Verarbeitung: 0.12 Sekunden
(vorverarbeitet)
¤ *© Formatika GbR, Deutschland
