用于在CSS中打印的页边距

Ana*_*med 11 html css printing

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

我想在打印时为我的网页插入顶部和底部边距,所以我使用了普通margin-topmargin-bottom打印的div,但它仅在第一张纸上受到影响!所以我按照W3C CSS2.1规定的说明使用了这个:

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
}
Run Code Online (Sandbox Code Playgroud)

但在Firefox打印预览或打印到PDF中没有效果.那么如何通过CSS插入顶部和底部边距(对于每张打印的纸张)?或者在Firefox中有什么技巧可以做到这一点?

z--*_*z-- 16

 @page {
    margin-top: 5cm;
    margin-bottom: 5cm;
 }
Run Code Online (Sandbox Code Playgroud)

@media print {
     body {margin-top: 50mm; margin-bottom: 50mm; 
           margin-left: 0mm; margin-right: 0mm}
}
Run Code Online (Sandbox Code Playgroud)

在Firefox 35中正常工作

  • 如果打印多页,第二个示例不会在每页上添加页边距。第一个是正确的解决方案。 (2认同)