gpt4 book ai didi

html - Wkhtmltopdf 页脚未随位置渲染

转载 作者:行者123 更新时间:2023-12-03 21:27:08 24 4
gpt4 key购买 nike

在我的 html 中,页脚不会在 pdf 中呈现...

    <!DOCTYPE html>
<html>

<head>
<style>
footer{
background:#ccc;
position:absolute;
bottom:0;
width:100%;
padding-top:50px;
}
</style>
</head>

<body>
<footer>
<p> test </p>
<p> test </p>
<p> test </p>
<p> test </p>
<p> test </p>
<p> test </p>
<p> test </p>
<p> test </p>
<p> test </p>
</footer>
</body>

</html>

它在没有指定位置时工作......

要生成 pdf,我将 pdfkit 与 python 一起使用:
pdfkit.from_file(content_url, 'out.pdf', {        
'--footer-html': footer_url,
'--footer-spacing': '10'
})

这是我在 content_url 中使用的内容
<!DOCTYPE html>
<html>

<head>

</head>

<body>
<p> content </p>
</body>

</html>

有什么帮助吗?

最佳答案

您需要在页脚 html 上指定正文的高度,以使用定位使其可见(就像在其他网页中一样)。

使用下面的代码,您可以获得与页面底部边缘对齐的可变高度页脚。 注:调用 wkhtmltopdf 时必须指定底部边距,使用 --margin-bottom 选项。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
margin: 0;
padding: 0;
line-height: 1;
font-size: 12pt;
height: 20mm; /* set it to your bottom margin */
}

.footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
</style>
</head>
<body>
<div class="footer">test <b>html</b> footer<br/><i style="color:blue;">two lines</i></div>
</body>
</html>

在 wkhtmltopdf 0.12.4 上测试(带有补丁的 qt)。

关于html - Wkhtmltopdf 页脚未随位置渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44718044/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com