gpt4 book ai didi

html - Wkhtmltopdf 输出不一致

转载 作者:太空宇宙 更新时间:2023-11-04 07:55:52 25 4
gpt4 key购买 nike

我正在通过 wkhtmltopdf 输出一些 html,并使用自定义页眉和页脚。

标题html如下:

<!doctype html>
<html>
<head>
<style>
body {
font-size: 12px;
margin: 0;
padding: 0;
}

.page-header {
background: #2A5266 -webkit-linear-gradient(
left,
#cbd5da 0,
#cbd5da 50pt,
white 50pt,
white 75pt,
#cbd5da 75pt,
#cbd5da 100pt,
white 100pt,
white 125pt,
#2A5266 125pt,
#2A5266
);
height: 72pt;
border: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
display: block;
}
</style>
</head>
<body>

<div class="page-header">
</div>

</body>
</html>

页脚 html 是:

<!doctype html>
<html>
<head>
<style>
body {
font-size: 12px;
margin: 0;
padding: 0;
}

.page-footer {
background: #2A5266 -webkit-linear-gradient(
left,
#cbd5da 0,
#cbd5da 50pt,
white 50pt,
white 75pt,
#cbd5da 75pt,
#cbd5da 100pt,
white 100pt,
white 125pt,
#2A5266 125pt,
#2A5266
);
height: 26pt;
border: none;
margin: 0;
padding: 0;
width: 100%;
position: relative;
display: block;
}
</style>
</head>
<body>

<div class="page-footer"></div>

</body>
</html>

我使用的命令如下:

wkhtmltopdf -L 0cm -R 0cm -T 2.75cm -B 0.7cm -O landscape --footer-html http://foo.com/footer --header-html http://foo.com/header --header-spacing 5 http://foo.com/html output.pdf

一切都 100% 正常工作,但标题没有使用线性渐变。它几乎就像线性渐变被完全忽略了,因为标题只是纯深蓝色。如您所见,页眉和页脚的 html 几乎相同,因此它适用于页脚而不适用于页眉是没有意义的。

如果我更改页眉上的 position:absolute,则会出现页眉渐变,但这会导致太多其他问题。

最佳答案

最后,我为每个 td 元素使用了一个具有显式宽度设置的表格,效果非常好。

关于html - Wkhtmltopdf 输出不一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47331768/

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