Html CSS中打印的页边距

Html CSS中打印的页边距,html,css,printing,Html,Css,Printing,在这里提问之前,我搜索了很多,但没有找到我的问题的答案 我想在打印时为我的网站页面插入上下页边距,因此我对打印的div使用了正常的页边距顶部和页边距底部,但仅在第一页上受影响!因此,我使用了W3C CSS2.1规范中的说明: @page { margin-top: 5cm; margin-bottom: 5cm; } 但在Firefox打印预览或打印到PDF中没有效果。那么,如何通过CSS插入上下页边距(对于每张打印页)?或者在Firefox中有什么诀窍可以做到这一点吗?即

在这里提问之前,我搜索了很多,但没有找到我的问题的答案

我想在打印时为我的网站页面插入上下页边距,因此我对打印的div使用了正常的
页边距顶部
页边距底部
,但仅在第一页上受影响!因此,我使用了W3C CSS2.1规范中的说明:

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


但在Firefox打印预览或打印到PDF中没有效果。那么,如何通过CSS插入上下页边距(对于每张打印页)?或者在Firefox中有什么诀窍可以做到这一点吗?

即使在Firefox中也是如此

 @media print {
     #main{margin:100px 0;}
 }
“@media print”将确保仅在打印时使用样式。

两者

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


在Firefox 35中工作正常,类似于。这项功能没有得到很好的支持。我之前对它进行了修订,所以我说:在firefox中有什么技巧可以做到这一点吗?现在在firefox 35中可以正常工作。第二个示例不会在打印多个页面时在每个页面上添加边距。第一个是正确的解决方案。
@media print {
     body {margin-top: 50mm; margin-bottom: 50mm; 
           margin-left: 0mm; margin-right: 0mm}
}