鉻印刷錯誤 - 錯誤地在頁面頂部打印表頭

（附錄：這是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

鉻印刷錯誤 - 錯誤地在頁面頂部打印表頭

回答

相關問題