<!
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 {font -size:16 px; padding:0 ; margin:0 ;body { overflow:hidden; }5 ;5 ;5 ;2 px solid salmon;5 px;30 px 30 px 30 px;30 px;12 px;5 px solid;span { background:lime; border:1 px solid black; }20 px; }10 px; margin-top:7 px; background:blue; }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 in Prozent C=99 H=100 G=99
¤ Dauer der Verarbeitung: 0.13 Sekunden
(vorverarbeitet am 2026-06-04)
¤ *© Formatika GbR, Deutschland
