HTML, CSS - Zeilenumbruch für lange Tabelle benötigt eine Korrektur

8

Ich habe ziemlich lange mit page-break-inside:auto, page-break-inside:avoid, page-break-after:auto, margin-top and margin-bottom und anderen herumgespielt, kann aber immer noch keine Lösung finden, wie man Zeilen in meiner langen HTML-Tabelle, die gedruckt werden soll, bricht.

Die Seite sieht im Druckmodus (oder im Vorschaufenster vor dem Drucken in Chrome) wie der linke Screenshot aus:

Alles, was ich erreichen muss, ist, jede Zeile am Ende jeder Seite zu unterbrechen, die auf zwei Seiten aufgeteilt wird (und auch deren Inhalt ..)

Dies ist ein Stück Code meiner Seite:

%Vor%

Die Seite befindet sich hier: Ссылка

Wie Sie sehen können, gibt es ein Problem, dass meine Tabelle dynamisch "wächst", abhängig von der Anzahl der Daten in meiner MySQL-Datenbank. Daher ist es schwierig, eine bestimmte Zeile zuzuweisen, in der die Tabelle aufgeteilt werden sollte.

Wie löst man das?

EDIT: Die gegebene Lösung ( CSS-Seitenumbruch anwenden, um eine Tabelle mit vielen Zeilen zu drucken? ) hat mein Problem nicht gelöst, gibt es einen anderen Weg (HTML und CSS)?

    
Filip CZ 09.04.2016, 17:09
quelle

1 Antwort

0

Ich habe eine Regel in Ihrem Stylesheet geändert, das funktioniert zumindest auf Firefox:

%Vor%

Also habe ich den Rand in Zentimetern definiert und diese von der Seitengröße abgezogen. Ausgezeichnet ausgedruckt ...

    
Johannes 09.04.2016 17:54
quelle

Tags und Links