表格标题与Chrome打印预览中的内容重叠

gj3fmq9x  于 2023-07-31  发布在  Go
关注(0)|答案(2)|浏览(236)

我们有一个包含<table>元素的HTML页面。当我们打印页面并将其保存为A3格式的Chrome 115.0.5790.110 64位PDF文档时,表格标题与第2页的内容重叠。
复制步骤:
1.将此HTML代码保存为PC上的table.html文档:https://pastebin.com/hGhy42EM(代码太长,无法放入问题-超出字符数)
1.使用Chrome 115.0.5790.110 64位打开table.html文档
1.按Ctrl+P打开打印对话框。选择“保存为PDF”并选择A3格式。
这是第二页在打印预览中的外观:
x1c 0d1x的数据

jei2mxaa

jei2mxaa1#

我在Chrome(和Edge)Windows10上遇到了这个问题。
我没有一个解释-除了'它看起来像一个错误'。
但是,这里有一个解决方案。
它似乎与默认边距设置有关。在打印选项中选择边距设置,然后选择“自定义”。一开始我把边距设置为11毫米(从已经在那里的10毫米),然后打印预览就没问题了。
下一次我没有改变任何东西,只是选择了'自定义'和打印预览是好的。

p4rjhz4m

p4rjhz4m2#

没有错误,它在Edge(基于Chromium)中完美地工作。CSS对于PDF来说可能很棘手,但您只需添加PDF打印机样式。因为对于PDF布局,必须首先定义媒体页面大小。然后你可以从那里工作。

<style>
@media print { @page { margin: 0; size: 297mm 421mm ; } body { margin: 0; } }
  * {
    font-family: Helvetica, sans-serif;
...

字符串
x1c 0d1x的数据
我看到你正在尝试无边框,但就目前而言,你的媒体只适合417 mm/421 mm,这是一个不同的标量挑战

相关问题