CSS-Layout-Problem. Rand und Standardpapiergröße

Question

Ich versuche herauszufinden, welche Ränder für die Lesbarkeit am besten sind, und ich denke, es ist am besten, Standardpapierformat und Ränder zu verwenden. Ich schaute es nach oben und es scheint wie 8,5 ist Standard. Ich schaute nach oben, wie man grundlegende CSS und traf ein Problem

margin-left: 1.5in; Rand rechts: 8,0 Zoll;

Ich war mit Ausnahme der linken beginnt von 1,5 der linken Seite sowie rechts von 8in von der linken Seite. Es stellt sich heraus, dass rechts von rechts meine Seite ruiniert. Wie stelle ich es so ein, dass die Breite des Textes 7 Zoll ist, egal welche Auflösung der Benutzer Browser hat?

Answer 1

Sie könnten die Breite des Körpers auf 7 Zoll einstellen. Der Browser legt jedoch automatisch den Text so an, dass er auf das Papier passt. Also hätte ich sowohl den linken als auch den rechten Rand auf 1,5 Zoll eingestellt. Sie können eine separate CSS-Datei zum Drucken verwenden.

Answer 2

Sie betrachten es rückwärts: margin-right ist die Breite von der rechten Seite des Ansichtsfensters (oder des Blattes). Also für ein 8,5" Stück Papier mit 1" Margen auf allen Seiten, dann würden Sie wollen:

body{ 
     margin-left: 1in; 
     margin-right: 1in; 
     width: 6.5in; 
} 

Answer 3

Werfen Sie einen Blick auf the CSS Box Model und Media Type rules. Die @page rule (für seitenweise Medien) kann auch von Interesse sein.

Wie bereits erwähnt, sollten Sie die Eigenschaft width verwenden, um die Breite des Elements auf Blockebene zu definieren. Sie können dann padding und margin verwenden, um den Text aufzufüllen und einen Rand um seinen Container zu legen.

So etwas lässt Sie das Dokumentstil für den Druck angeben:

@media print { 
    p { 
    font-family: times,serif; 
    font-size: 12px 
    margin: 1cm 2cm; 
    page-break-inside: avoid; 
    widows: 2; 
    orphans: 2; 
    } 
} 

würde ich empfehlen die Druckersoftware automatisch bestimmen die Abmessungen der an den Rändern basierten Text damit angeben, und die Seite zu drucken verwendet . Auf diese Weise kann der Benutzer einfacher auf jedem gewünschten Papier drucken. Here are some print-specific CSS properties möchten Sie vielleicht verwenden, um das gedruckte Dokument zu formatieren.

Und ich glaube, dass Serif-Fonts sind leichter zu lesen auf dem Druck (oder so Leute sagen), so dass auch eine Überlegung wert sein könnte.