La marge lors de l'impression de la page html

Question

Je suis séparer de feuille de style pour l'impression. Est-il possible de définir à droite et à gauche de la marge dans la feuille de style qui a fixé la marge d'impression (c'est à dire la marge sur le papier).

Merci.

Answer 1

Vous devez utiliser cm ou mm comme unité lorsque vous spécifiez pour l'impression. À l'aide de pixels entraîne le navigateur de traduire quelque chose de semblable à ce qu'il ressemble à l'écran. À l'aide de cm ou mm permettra d'assurer la cohérence de la taille sur le papier.

body
{
  margin: 25mm 25mm 25mm 25mm;
}

Pour les tailles de police, utilisez pt pour la presse écrite.

Notez que la définition de la marge sur le corps de style css va pas régler la marge dans le pilote d'imprimante qui définit la zone imprimable de l'imprimante ou de la marge contrôlée par le navigateur (peut être réglable dans l'aperçu avant impression sur certains navigateurs)... Il suffit de définir la marge sur le document à l'intérieur de la zone imprimable.

Vous devriez aussi être conscient que IE7++ ajuste automatiquement la taille pour un ajustement optimal, et les causes tout à tromper, même si vous utilisez cm ou mm. Pour contourner ce comportement, l'utilisateur doit sélectionner l'option "aperçu avant Impression" et puis définissez la taille de l'impression d' 100% (la valeur par défaut est Shrink To Fit).

Une meilleure option pour un contrôle complet sur l'imprimé marges est d'utiliser l' @page directive pour définir le papier de la marge, qui aura une incidence sur la marge sur papier à l'extérieur du corps html de l'élément, qui est normalement contrôlée par le navigateur. Voir http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html.
Actuellement, cela fonctionne dans tous les principaux navigateurs, sauf Safari.
Dans Internet explorer, la marge est en fait fixé à cette valeur dans les paramètres de cette impression, et si vous n'avez Aperçu, vous pouvez obtenir ce que par défaut, mais l'utilisateur peut le modifier dans la fenêtre d'aperçu.

@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 25mm 25mm 25mm 25mm;  
} 

body  
{ 
    /* this affects the margin on the content before sending to printer */ 
    margin: 0px;  
} 

Liées réponse: La désactivation de l'impression du navigateur options (en-têtes, pieds de page, les marges) à partir de la page?

Answer 2

Créer une section à chaque page, et d'utiliser le code ci-dessous pour ajuster les marges, la hauteur et la largeur.

Si vous avez l'impression au format A4.

Alors l'utilisateur

Taille : 8.27 et de 11,69 pouces

@page Section1 {
size:8.27in 11.69in; 
margin:.5in .5in .5in .5in; 
mso-header-margin:.5in; 
mso-footer-margin:.5in; 
mso-paper-source:0;
}



div.Section1 {
page:Section1;
} 

puis créer un div avec l'ensemble de votre contenu.

<div class=Section1> 
type your content here... 
</div>

Answer 3

Je serais personnellement vous suggérons d'utiliser une unité de mesure différente qu' px. Je ne pense pas que les pixels ont une grande importance en termes de imprimer; idéalement, vous pouvez utiliser:

• point (pt)
• centimètre (cm)

Je suis sûr qu'il y en existe d'autres, et d'un excellent article sur l'impression css peut être trouvé ici: Impression, par Eric Meyer.

Answer 4

Je recommande également le pt contre cm ou mm que c'est plus précis. Aussi, je ne peux pas obtenir @page dans google Chrome (version 30.0.1599.69 m) Il ignore rien j'ai mis pour les marges, petit ou grand. Mais, vous pouvez l'obtenir pour fonctionner avec le corps de la marge du document, bizarre.

Answer 5

Si vous connaissez la cible de la taille du papier, vous pouvez placer votre contenu dans un DIV avec cette taille et ajouter une marge pour que la DIV pour simuler la marge d'impression. Malheureusement, je ne crois pas que vous avez plus de contrôle sur la fonctionnalité d'impression en dehors de tout afficher la boîte de dialogue imprimer.