Question

（附录：这是Chrome issue 631222，已在Chrome版本54.0中修复。*。）

使用Chrome的最新版本（53.0.2785.116），在Windows和Mac上，我们遇到了一个令人讨厌的错误，我们似乎无法解决这个问题。

我们正在寻求不涉及编辑HTML文本的解决方法，因此CSS或Javascript答案可能会这样做。

我们在第一页以外的页面顶部显示文字：

这是段落的叠加，以及稍后在该页面上出现的表的两个不同的表头。（再次打印标题。）

我们已经向谷歌报告了这一点，当然，我们想知道是否有人能想到让我们的客户再次打印的解决方法。我们无法更改HTML，但我们可以更改CSS，或者可能使用Javascript。（例如，删除thead标记似乎可以解决问题，但该解决方案对我们不起作用，因为我们无法更改HTML。）

代码很简单：

<!DOCTYPE html>
<html><head>
<title>Broken Printing</title>
</head>
<body>
<h1>Printing Issue 9/29/2016</h1>
<p>Lorem ipsum for page break</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<table> 
    <thead><tr><th>Survey</th></tr></thead>
    <tbody><tr class="odd"><td>The Foundation 2016&nbsp;</td></tr></tbody>
</table>

<table>
    <thead><tr><th>Year</th></tr></thead>
    <tbody><tr><td>2015</td></tr></tbody>
</table>

</body>
</html>

Answer 1

我们有一个解决方法：

@media  print {
    thead { 
        display: table-row-group 
    }
}

这会丢失我们在报告中不需要的功能 - 在分页符处重复表格标题 - 这对我们来说已经足够了，并且在Chrome修复后很容易删除。

Chrome打印错误 - 错误地在页面顶部打印表格标题

1 个答案: