用于在 CSS 中打印的页边距答案

【问题标题】：Page Margins for printing in CSS用于在 CSS 中打印的页边距
【发布时间】：2011-06-28 19:20:12
【问题描述】：

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

我想在打印时为我的网站页面插入顶部和底部边距，所以我使用普通的 margin-top 和 margin-bottom 打印 div 但它只影响第一张纸！所以我按照 W3C CSS2.1 规范中的说明使用它：

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

但在 Firefox 打印预览或打印到 PDF 中无效。那么如何通过 CSS 插入顶部和底部边距（对于每张打印纸）？或者在 Firefox 中有什么技巧可以做到这一点？

【问题讨论】：

【解决方案1】：

这在 Firefox 中也应该可以工作

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

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

【讨论】：

【解决方案2】：

两者

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

和

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

在 Firefox 35 中运行良好

【讨论】：