Eine aufbereitete Darstellung der Quelle

 
     
 
 
Anforderungen  |   Konzepte  |   Entwurf  |   Entwicklung  |   Qualitätssicherung  |   Lebenszyklus  |   Steuerung
 
 
 
 
Benutzer

products/Sources/formale Sprachen/C/Firefox/layout/reftests/css-grid/   (Firefox Browser Version 136.0.1©)  Datei vom 10.2.2025 mit Größe 4 kB image not shown  

Quelle  grid-fragmentation-029.html

  Sprache: HTML 		 

 products/Sources/formale Sprachen/C/Firefox/layout/reftests/css-grid/grid-fragmentation-029.html


<!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, various edge cases</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-029-ref.html">
  <style type="text/css">
html,body {
    color:black; background-color:white; font-size:16px; padding:0; margin:0;
}
body { overflow:hidden; }

.columns {
  position:relative;
      -ms-columns: 5;
  -webkit-columns: 5;
          columns: 5;
      -ms-column-fill: auto;
  -webkit-column-fill: auto;
          column-fill: auto;
  border: 2px solid salmon;
  margin-bottom: 5px;
}

.grid {
  display: grid;
  grid-template-columns: 30px 30px 30px;
  grid-auto-rows: 30px;
  grid-gap: 12px;
  border:5px solid;
  align-content: start;
}
span { background:lime; height:20px; }
x { display:block; height:20px;}
.avoid-break { page-break-inside:avoid; break-inside:avoid; }

i { display:block; height:10px; background:blue; }
</style>
</head>
<body>

<div class="columns" style="height:30px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 5px; min-height:100px">
<span><i style="height:60px"></i></span>
</div>
</div></div>

<div class="columns" style="height:40px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 60px; min-height:100px">
<span><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:30px; margin-left:40px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 5px; height:100px; min-height:100px">
<span><i style="height:60px"></i></span>
</div>
</div></div>

<div class="columns" style="height:40px; margin-left:40px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 60px; height:20px; min-height:100px">
<span><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:40px; margin-left:80px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 60px; height:20px;">
<span><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:70px; margin-left:120px">
<div style="background:grey">
<div class="grid" style="grid-gap:2px; min-height:50px">
<span style="grid-row:span 2"><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:70px">
<div style="background:grey">
<div class="grid" style="grid-gap:2px; height:62px">
<span style="grid-row:span 2"><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:70px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 30px 15px 16px; grid-gap:0; height:61px">
<span style="grid-row:span 2; height:auto"><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:70px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 30px 35px 0px; grid-gap:0; height:61px">
<span style="grid-row:span 2; height:auto"><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:70px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 30px 30px 1px; grid-gap:0; height:61px">
<span style="grid-row:span 2; height:auto"><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:70px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 30px 30px 2px 10px; grid-gap:0; height:61px">
<span style="grid-row:span 3; height:auto"><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:40px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 33px 30px; max-height:32px;">
<span><i style="height:80px"></i></span>
</div>
</div></div>

<div class="columns" style="height:40px">
<div style="background:grey">
<div class="grid" style="grid-template-rows: 33px 30px; min-height:32px; max-height:0px;">
<span><i style="height:80px"></i></span>
</div>
</div></div>

</body>
</html>

Messung V0.5 in Prozent
C=100 H=100 G=100

¤ Dauer der Verarbeitung: 0.13 Sekunden  (vorverarbeitet am  2026-06-06) ¤

*© Formatika GbR, Deutschland




Wurzel

Suchen

PVS Prover

Isabelle Prover

NIST Cobol Testsuite

Cephes Mathematical Library

Vienna Development Method

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.





                                                                                                                                                                                                                                                                                                                                                                                                     

Neuigkeiten

     Aktuelles
     Motto des Tages

Software

     Quellcodebibliothek
     Eigene Quellcodes
     Fremde Quellcodes
     Suchen

Aktivitäten

     Artikel über Sicherheit
     Anleitung zur Aktivierung von SSL

Muße

     Gedichte
     Musik
     Bilder
Jenseits des Üblichen ....

Besucherstatistik

Besucherstatistik