Question

我希望每个打印页面的顶部和底部都有75px的边距。我已经尝试将边距放在正文和包装div上，但这两个选项只是在整个文档的顶部和底部添加了一个边距。这样在文档顶部提供75px，然后在第二页的顶部/底部提供10px，最后一页将具有底部边距。

如果有帮助，我会添加一张图片：http://imgur.com/6tbHzs4

Answer 1

其他答案只是部分正确。您应该使用具有物理维度的单位（我更喜欢使用pt而不是cm或mm），您可能需要使用打印样式表。但是，如果要设置打印页面的顶部和底部边距的样式，则还必须使用the @page rule。你可能需要这样的东西：

<style>
@page {
    margin: 75pt 0;
}
</style>

Answer 2

您应该使用cm或mm作为单位（Printing时）。

当您指定打印时，像素会使浏览器将其转换为与屏幕上的内容类似的内容。

使用cm或mm确保纸张尺寸一致。

body {
    margin: 0mm 25mm 25mm 0mm;
}

Answer 3

向CSS添加媒体类型

<style>
    div {
        font-family: arial;
        font-size: 10px;
        margin: 10px 10px;
    }
</style>

<style media="print">
    // CSS here will only be applied when printing
    div {
        margin: 5px 5px;
    }
</style>

你的html将拥有上述所有css，但更改了边距值

修改打印的HTML页面的顶部和底部边距

3 个答案: