用于在CSS中打印的页边距

Question

我在问这里之前经常搜索，但没有找到我的问题的答案。

我想在打印时为我的网页插入顶部和底部边距，因此我使用普通的margin-top和margin-bottom作为打印的div，但它仅在第一张纸上受到影响！所以我按照W3C CSS2.1规范中的说明使用了这个：

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
}

但在Firefox打印预览或打印到PDF中没有效果。那么如何通过CSS插入顶部和底部边距（对于每张打印的纸张）？或者在Firefox中有任何技巧吗？

Answer 1

两个

 @page {
    margin-top: 5cm;
    margin-bottom: 5cm;
 }

和

@media print {
     body {margin-top: 50mm; margin-bottom: 50mm; 
           margin-left: 0mm; margin-right: 0mm}
}

在Firefox 35中正常工作

Answer 2

这甚至可以在firefox中使用

 @media print {
     #main{margin:100px 0;}
 }

“@media print”将确保仅在打印时使用该样式。