Quelle printpreview_pps6_ref.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/layout/base/tests/chrome/printpreview_pps6_ref.html

<!DOCTYPE html>

<style>
html { height: 100%; }
body {
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}

.sheet {
  height: 100%;

  /* We lay out the body as a column-oriented flex container (whose children,
     in turn, are rows). */
  display: flex;
  flex-direction: column;
}

.row {
  /* Give each row an equal share of the available height: */
  flex: 1;

  /* ...and render them as row-oriented (by default) flex containers: */
  display: flex;
}

.swatch {
  box-sizing: border-box;

  /* This represents the 120px border in the testcase, scaled down 0.4x: */
  border: 48px solid;

  /* Share the width equally among the swatches. (The height will be
     automatically set to the flex container's row height, via default
     'align-self' behavior.) */
  flex: 1;

  /* The testcase (rendered at 6-pages-per-sheet) will have 0.2in of extra
     space in the horizontal axis, which will be distributed equally with
     0.05in to the left and right of each page in the grid. We mock that up as
     margin here: */
  margin: 0 0.05in;
}

.sheet:nth-child(1) > .row:nth-child(1) > .swatch:nth-child(1) { border-color: cyan; }
.sheet:nth-child(1) > .row:nth-child(1) > .swatch:nth-child(2) { border-color: yellow; }
.sheet:nth-child(1) > .row:nth-child(2) > .swatch:nth-child(1) { border-color: pink; }
.sheet:nth-child(1) > .row:nth-child(2) > .swatch:nth-child(2) { border-color: orange; }
.sheet:nth-child(1) > .row:nth-child(3) > .swatch:nth-child(1) { border-color: purple; }
.sheet:nth-child(1) > .row:nth-child(3) > .swatch:nth-child(2) { border-color: olive; }

.sheet:nth-child(2) { break-before: always; }
.sheet:nth-child(2) > .row:nth-child(1) > .swatch:nth-child(1) { border-color: blue; }
.sheet:nth-child(2) > .row:nth-child(1) > .swatch:nth-child(2) { border-color: tan; }
.sheet:nth-child(2) > .row:nth-child(2) > .swatch:nth-child(1) { border-color: fuchsia; }
.sheet:nth-child(2) > .row:nth-child(2) > .swatch:nth-child(2) { border-color: salmon; }
.sheet:nth-child(2) > .row:nth-child(3) > .swatch:nth-child(1) { border-color: lightgreen; }
.sheet:nth-child(2) > .row:nth-child(3) > .swatch:nth-child(2) { border-color: navy; }
</style>
<div class="sheet">
<div class="row">
  <div class="swatch"></div>
  <div class="swatch"></div>
</div>
<div class="row">
  <div class="swatch"></div>
  <div class="swatch"></div>
</div>
<div class="row">
  <div class="swatch"></div>
  <div class="swatch"></div>
</div>
</div>
<div class="sheet">
<div class="row">
  <div class="swatch"></div>
  <div class="swatch"></div>
</div>
<div class="row">
  <div class="swatch"></div>
  <div class="swatch"></div>
</div>
<div class="row">
  <div class="swatch"></div>
  <div class="swatch"></div>
</div>
</div>

Messung V0.5

¤ Dauer der Verarbeitung: 0.11 Sekunden (vorverarbeitet) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

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.