2014-03-25 6 views
6

Ist es in CSS oder Js möglich, das folgende Format in gedruckten Medien zu emulieren (z. B. Ränder für jede Seite anzeigen, mit einer Seitenzahl und etwas Text in der Ecke, mit dem Inhalt schön geteilt - und nicht gehackt)?Hinzufügen von Rahmen zu jeder gedruckten Seite mit CSS?

enter image description here

Ich habe page-break-after wurde mit dem Content bis spalten, aber havn't einen Weg gefunden, diese Art von Grenze/Seitennummer zu jeder Seite hinzufügen. Dies muss nur in WebKit funktionieren.

Für weitere Informationen, der Grund, ich mache dies, ich drucke HTML-Dokumente in PDF mit wkhtml.

+1

Sie können einen Ausdruck nur Stylesheet verwenden und nur eine absolute positioniert div die benötigten Daten enthalten, gelten. Hier ist eine gute Anleitung zum Erstellen eines Druck-Stylesheet: http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/ –

+0

Nicht wirklich? Wenn es mehr als eine Seite umfasst, wird der Rahmen beim Seitenumbruch abgeschnitten ... –

+1

Wenn Sie die Größe korrekt definieren, wird der Rahmen niemals mehr als eine Seite umfassen. Sie erstellen im Wesentlichen nur ein zusätzliches Div, das beim Drucken als Overlay verwendet wird. Wenn dieses div eine statische Breite und Höhe innerhalb der Druckgrenzen hat, wird es nicht abgeschnitten. –

Antwort