Einfügen von Seitenumbrüchen beim Ausdruck

Einleitung

Um die Druckbarkeit von Webseiten zu verbessern kann es sinnvoll sein, an definierten Stellen Seitenumbrüche zu erzwingen. Diese Seitenumbrüche werden nur beim Druck ausgeführt, die Darstellung am Bildschirm wird davon nicht beeinflusst.

Umsetzung

Benutzen Sie die CSS-Angabe page-break-before, um einen Seitenumbruch vor dem betreffenden HTML-Element zu erzwingen:

Quelltext

<p>Ein Absatz</p>
<p>Noch ein Absatz</p>
<p style="page-break-before: always;">Vor diesem Absatz erfolgt ein Seitenumbruch</p>
<p>Dieser Absatz steht ebenfalls auf der zweiten Seite</p>

Dieses Beispiel finden sie in der Datei bsp5/index.html.

Analog können Sie mit page-break-after einen Seitenumbruch nach dem betreffenden HTML-Element zu erzwingen:

Quelltext

<p>Ein Absatz</p>
<p>Noch ein Absatz</p>
<p style="page-break-after: always;">Letzer Absatz auf der ersten Seite, danach folgt ein Seitenumbruch</p>
<p>Dieser Absatz steht auf der zweiten Seite</p>

Dieses Beispiel finden sie in der Datei bsp6/index.html.

« zurück zum Inhaltsverzeichnis