微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS - 如何在打印时创建整页背景但保留内容边距?

如何解决CSS - 如何在打印时创建整页背景但保留内容边距?

我正在尝试从 HTML 创建 PDF 文件。现在我想在我的页面上应用背景。 但是 @page {background: blue;} 似乎不受支持。 我试图将背景添加到正文中,但这会导致其他问题。首先,我需要为第一页指定背景,为所有其他页面指定另一个背景。

此外,生成的文档如下所示:

enter image description here

这不是我想要的。我需要背景来覆盖整个页面,但内容应该在页面边框内。

它应该是这样的:

enter image description here

为此,我为主体添加了填充。但仍然存在问题。背景没有打印在第二页上,文本不在边距内,然后打破页面,我无法为第一页设置特殊背景。

这是我的第二个结果的 HTML 和 CSS。对于第一个,唯一的区别是,将边距添加到 @page 而不是正文。

html = """
<html>
    <head>
        <style>
            @page {
                size: A4;
                margin: 0;
            }
            
            body {
                background: #002244;
                color: white;
                padding: 2cm;
                Box-sizing: border-Box;
            }
        </style>
    </head>
    <body>
        """ + get_text() + """
    </body>
</html>

""" 它使用 pyppeteer 的 page.pdf 方法渲染和打印。

如何创建一个背景,用页面边框内的文本覆盖整个页面?以及如何为第一页设置单独的背景?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。