Comment définir les marges 0 dans l'aperçu avant impression?

Question

Où est-ce que je fais mal?

Ceci est l'aperçu avant impression normale:

Mais je veux voir cette image (sans glisser les flèches de marge)

Ce sont les codes CSS et l'aperçu:

Answer 1

Le mieux que vous pouvez faire est @page margins. Gardez à l'esprit, cependant, que vous pouvez et que vous serez probablement dépassé si vous définissez les marges à 0.

Answer 2

Je ne pense pas que ce soit réellement possible, parce que vous remplaceriez les valeurs par défaut de l'utilisateur ordinateur. Pour autant que je sache, une application web n'a pas les droits d'accès pour modifier quelque chose comme les paramètres de l'imprimante sans un type de script ActiveX dans IE.

J'ai eu un problème similaire il y a quelque temps, et j'ai fini par devoir générer un PDF à la volée en utilisant TCPDF. En fin de compte, cela a mieux fonctionné, parce que vous avez un meilleur contrôle sur la mise en page.

Answer 3

Oui. Il est possible de modifier vos marges dans une impression de page. La règle devrait ressembler à:

@page { 
    margin: 0; 
} 

Cela ne fonctionnera pas dans Firefox dès maintenant. Si vous vérifiez leur référence développeur sur le @page CSS support, vous pouvez voir quels navigateurs prennent en charge @page.

Answer 4

Je suis empêché de mettre à niveau un ordinateur de Windows XP vers quelque chose de plus récent, donc je suis bloqué avec IE8.

J'ai trouvé que sur IE8, les marges de la page seront toujours au minimum de 6.01mm à gauche et à droite, et 5mm en haut et en bas. Quoi que je fasse, même en utilisant les règles @ haut-gauche droite et centre dans la règle @page, les valeurs ci-dessus resteront par défaut.

Il peut être plus facile de créer la feuille de style pour prendre en compte cette limitation sur la taille d'impression.

Il peut également être utile de placer le hack IE \ 9 devant la valeur de la propriété CSS, la duplication de la propriété peut également aider dans certains cas (mais n'affectera pas les marges de la page), telles que:

.aDiv { 
    margin: 10mm; 
    margin: 15mm\9;  //this \9 hack will set that value only on IE8. 
} 

Je sais qu'il ya d'autres hacks similaires à celui-ci, comme \ 0, mais j'avoue ne pas comprendre pleinement. \ 9 fonctionne pour moi dans IE8 dans certaines situations.

Answer 5

Merci! fonctionne bien sur le chrome

@page { 
    margin: 0; 
}