Chrome打印错误 - 错误地在页面顶部打印表格标题
Tho*_*ews 5 html css google-chrome
(附录:这是Chrome问题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 </td></tr></tbody>
</table>
<table>
<thead><tr><th>Year</th></tr></thead>
<tbody><tr><td>2015</td></tr></tbody>
</table>
</body>
</html>
Tho*_*ews 11
我们有一个解决方法:
@media print {
thead {
display: table-row-group
}
}
这丢失了我们在报告中不需要的功能 - 在分页符处重复表格标题 - 因此对我们来说已经足够了,并且在Chrome修复后很容易删除.
| 归档时间： |
|
| 查看次数： |
2939 次 |
| 最近记录： |