css Druckstyling

8

Ich habe eine Seite, die gut auf dem Bildschirm angezeigt wird.

Ich habe eine CSS, die dann den Bildschirm für den Druck formatiert und die Abschnitte neu sortiert.

Mein Problem besteht darin, dass das Drucklayout einen Abstand von etwa einem Zoll von der linken Seite der Seite hat, wodurch 2 Elemente von der Seite auf der rechten Seite gedruckt werden.

Ich könnte wahrscheinlich den Inhalt von rechts komprimieren, aber ich möchte wissen, ob ich den Rand auf der linken Seite reduzieren kann (und im Grunde den Inhalt zentrieren)

Ich habe das body-Tag auf Drucken auf margin:0; padding: 0; gesetzt, aber das hat keine Auswirkung?

Gibt es eine andere Einstellung, die die Druckränder steuert?

    
php-b-grader 16.08.2011, 23:30
quelle

2 Antworten

17

Sie können den Druckrand (und die Querformatausrichtung) mit CSS wie:

festlegen %Vor%


Und die gute Nachricht ist, es funktioniert! (In Chrome. Wird in anderen Browsern nicht unterstützt , obwohl ich IE9 nicht getestet habe.)

Der Rand muss in einer Einheit sein, die im Druck sinnvoll ist - Pixel sind nicht erlaubt.

Chrome wird den Rand nicht unter ein festes Minimum verkleinern, das vom Druckertreiber bestimmt werden kann.

    
Brock Adams 17.08.2011, 04:50
quelle
0

Sie könnten auch versuchen,

festzulegen

margin:0; und padding:0;

zu den Tags html , main content div und p

und sehen, ob das hilft.

Ansonsten ist es am besten, wenn Sie eine bestimmte width auf Ihre Elemente setzen.

    
Jason Gennaro 17.08.2011 00:08
quelle

Tags und Links