problème de mise en page css. marge et taille de papier standard

Question

J'essaye de comprendre quelles marges sont les meilleures pour la lisibilité et je pense qu'il est préférable d'utiliser la taille et les marges de papier standard. J'ai regardé vers le haut et il semble que 8.5 est standard. J'ai regardé comment faire CSS de base et de frapper un problème

marge gauche: 1.5in; marge droite: 8.0in; J'étais à l'exception de la gauche va commencer à partir de 1,5 du côté gauche et droite étant 8in du côté gauche. Il se trouve juste 8in de la droite ruiner ma page. Comment puis-je le définir de sorte que la largeur du texte soit de 7 pouces quelle que soit la résolution du navigateur de l'utilisateur?

Answer 1

Vous pouvez définir la largeur du corps à 7 pouces. Mais le navigateur disposera automatiquement le texte pour que vous puissiez l'adapter au papier. Donc, j'aurais mis les deux marges gauche et droite à 1,5 pouces. Vous pouvez utiliser un fichier CSS distinct pour l'impression.

Answer 2

Vous le regardez en arrière: margin-right est la largeur à partir du côté droit de la fenêtre (ou du morceau de papier). Donc, pour un 8,5" morceau de papier avec 1" marges de tous les côtés, vous voulez:

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

Answer 3

Jetez un oeil à the CSS Box Model et Media Type rules. Le @page rule (pour les médias paginés) peut également être intéressant.

Comme cela a déjà été dit, vous devez utiliser la propriété width pour définir la largeur de l'élément de niveau bloc. Vous pouvez ensuite utiliser padding et margin pour remplir le texte et placer une marge autour de son conteneur.

Quelque chose comme ceci vous permettra de spécifier le style de documents pour l'impression:

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

je recommande de laisser le logiciel d'impression détermine automatiquement les dimensions du texte sur la base des marges que vous spécifiez et la page utilisée pour imprimer . De cette façon, l'utilisateur peut imprimer plus facilement sur n'importe quel papier dimensionnel. Here are some print-specific CSS properties vous pouvez utiliser pour formater le document imprimé.

Et je crois que les polices serif sont plus faciles à lire à l'impression (ou que les gens disent), donc cela pourrait aussi valoir la peine d'être considéré.