铬印刷错误 - 错误地在页面顶部打印表头

（附录：这是Chrome issue 631222，并固定在Chrome发布54.0。*）铬印刷错误 - 错误地在页面顶部打印表头

有了Chrome的最新版本（53.0.2785.116），上Windows和Mac，我们遇到了一个我们似乎无法解决的令人讨厌的bug。

我们正在寻找解决方法，不涉及编辑HTML文本，所以CSS或JavaScript的答案可能会做。

我们在页面比看起来像第一其它顶部获取文本：

这是一个段落的重叠，以及两种不同的表头为后来发生的对表页。（凡头再次被打印出来。）

你可以找到一个完整的example page here.

我们已经报道这对谷歌，当然，但我们如果任何人能想到的一种解决方法，让我们的客户想知道再次打印。我们无法更改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>

来源

2016-09-29 Thomas Andrews

我们现在有一个部分解决方法 - 将显示CSS设置为'table-row-group'。如果有任何表在各个页面之间分裂，则表示不完美，但在我们的例子中很少见。 –

@MrLister是的，不知道为什么验证器得到403错误。当我将URL的内容粘贴到验证器中时，它可以正常工作。不知道我网站上的403是什么 - 我在日志中看到了w3c请求，403响应。我没有在我的.htaccess中看到任何会导致这种情况的东西。 –

而不只是这个页面，它是你的整个网站。无论如何，除此之外，您的页面没有任何问题。我认为这是Chrome中的一个错误。正在将thead改为另一个tbody选项吗？这只需要一小段简单的JavaScript。 –

我们有解决方法：

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

这失去功能，我们并不需要在我们的报告太多 - 在分页符表头的重复 - 因此它是足以让我们，当Chrome浏览固定容易清除。

来源

2016-09-30 13:45:08

铬印刷错误 - 错误地在页面顶部打印表头

回答

相关问题