如何从PDF中移除边距？（使用WeasyPrint生成）

Question

如何从PDF中移除边距？（使用WeasyPrint生成）

9

我可以帮助您进行翻译。以下是您需要翻译的内容：

我正在尝试在我的Flask应用程序中呈现PDF文档。为此，我使用以下HTML模板：

<!DOCTYPE html>

<html>
<head>
<style>
    @page {
        margin:0
    }
    h1 {
        color:white;
    }
    .header{
        background: #0a0045;
        height: 250px;
    }
    .center {
        position: relative;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align:center;
    }

</style>
</head>
<body>
<div class="header">
    <div class="center">
        <h1>Name</h1>
    </div>
</div>
</body>
</html>

我一直在我的标题部分顶部和右/左侧遇到白色边距：

有没有办法去除它们？

编辑：

以下是在我的Flask应用程序中使用WeasyPrint生成PDF文件的代码：

def generate_pdf(id):
    element = Element.query.filter_by(id=id).first()
    attri_dict = get_element_attri_dict_for_tpl(element)
    html = render_template('element.html', attri_dict=attri_dict)
    pdf = HTML(string=html).write_pdf()
    destin_loc = app.config['ELEMENTS_FOLDER']
    timestamp = dt.datetime.now().strftime('%Y%m%d%H%M%S')
    file_name = '_'.join(['new_element', timestamp])
    path_to_new_file = destin_loc + '/%s.pdf' % file_name
    f = open(path_to_new_file, 'wb')
    f.write(pdf)
    filename = return_latest_element_path()
    return send_from_directory(directory=app.config['ELEMENTS_FOLDER'],
                           filename=filename,
                           as_attachment=True)

- Cheers

你是如何使用Weasyprint的？ - Chris

谢谢你的回复，Chris。我已经将使用Flask-WeasyPrint渲染PDF文档的代码添加到原始问题中。 - Cheers

这不是我要问的。我要求的是生成你的PDF的代码。此外，那个截图似乎显示了浏览器呈现HTML。难道你不应该展示一个PDF吗？ - Chris

这篇文章被再次编辑了，我想这就是你所需要的代码。生成的PDF文档（element.pdf）与浏览器中显示的完全一致，包括顶部和侧边距。 - Cheers

2个回答

4

Weasyprint使用了3个CSS来源之一是默认的用户代理样式表（https://doc.courtbouillon.org/weasyprint/stable/api_reference.html#supported-features）。它定义了：

body {
    display: block;
    margin: 8px;
}

确保覆盖标签的边距，否则你会失去这个边距。

- bnkd

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rodrigo Pereira · Accepted Answer

也许您忘记了 " ; " 或 / 和 " mm "，它们是有效的：

@page {
        size: A4; /* Change from the default size of A4 */
        margin: 0mm; /* Set margin on each page */
      }