Html 用于在 CSS 中打印的页边距
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/5024393/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Page Margins for printing in CSS
提问by Anass Ahmed
I searched a lot before asking here, but didn't find an answer for my question.
在问这里之前我搜索了很多，但没有找到我的问题的答案。
I want to insert top and bottom margin for my website page when printed, so I used the normal margin-topand margin-bottomfor the printed div but it affected on the first sheet only! so I used this as explained in W3C CSS2.1 Specifiction:
我想在打印时为我的网站页面插入顶部和底部边距，所以我使用了普通margin-top和margin-bottom打印的 div，但它只影响第一张纸！所以我按照 W3C CSS2.1 规范中的解释使用了它：
@page {
margin-top: 5cm;
margin-bottom: 5cm;
}
but no effect in Firefox Print Preview or Print to PDF. so how can I insert top and bottom margin (for each printed sheet) via CSS? or is there any trick to do this in Firefox?
但在 Firefox Print Preview 或 Print to PDF 中没有效果。那么如何通过 CSS 插入顶部和底部边距（对于每张打印纸）？或者有什么技巧可以在 Firefox 中做到这一点？
回答by z--
Both
两个都
@page {
margin-top: 5cm;
margin-bottom: 5cm;
}
and
和
@media print {
body {margin-top: 50mm; margin-bottom: 50mm;
margin-left: 0mm; margin-right: 0mm}
}
work fine in Firefox 35
在 Firefox 35 中工作正常
回答by jansmolders86
This should work even in firefox
即使在 Firefox 中，这也应该有效
@media print {
#main{margin:100px 0;}
}
The "@media print" will make sure the style is only used when printing.
“@media 打印”将确保仅在打印时使用该样式。
