Entwickler-Ecke

Beschreibungssprachen - Optimiertes Drucklayout Seitenumbruch


thepaine91 - Do 06.09.12 10:00
Titel: Optimiertes Drucklayout Seitenumbruch
Hallo,

und zwar generiere ich eine Packliste und zeige diese entsprechend an. Das funktioniert auch alles, nur ein Problem besteht und zwar der Seitenumbruch.
Ich habe gehofft das ausschließlich mit CSS lösen zu können. Die Eigenschaft page-break-inside wird leider nicht unterstützt und für die anderen Varianten müsste ich wieder mit Javascript arbeiten.
Also die Frage kennt jemand eine Möglichkeit, das Css basiert zu lösen, die ich noch nicht gefunden habe?
Alternativ wäre auch ein anderer Vorschlag super.

Der Aufbau ist grob so:

HTML-Dokument 
1:
2:
3:
4:
5:
 
<div class="printContent">
    <div class="printContentRow">
        <!-- Inhalt der nicht entzweit werden soll. ;) -->
    </div>
</div>


Lösung die mir einfällt ist mit jquery .each einfach über die Klasse printContentRow gehen, die höhe addieren und dann nach 1000px einen Seitenumbruch einzufügen.
Diese Lösung finde ich aber sehr unschön...

Danke im Vorraus. =)


Regan - Do 06.09.12 18:08
Hallo,

ob das beim Drucken funktioniert, weiß ich nicht:
selfhtml [http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space] hat folgendes geschrieben:

Kein Umbruch: white-space: nowrap;
Nur bei <pre>-Tags: white-space: pre;


Viele Grüße
Regan


thepaine91 - Do 06.09.12 19:46
Hm hatte ich auch überlegt, habe das aber gleich verworfen weil ich davon ausging das es nicht greift.
Aber ich werde es einfach mal ausprobieren, vielleicht geht es ja doch.

Danke. ;)


Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2024 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!