我在玩这个时遇到了一些奇怪的东西。在Firefox中,当thead内部div的高度超过252px时,标题不会重复。尝试使用Chrome,问题发生在大约262px。有没有人遇到过这个?有没有办法忽略或重置此限制?
@media print {
@page {
size: auto;
/* auto is the initial value */
margin: 0mm 0mm 0mm 0mm;
/* this affects the margin in the printer settings */
}
thead {
display: table-header-group;
}
#pgbrk {
page-break-after: always;
}
}
@media screen {
@page {
size: auto;
/* auto is the initial value */
margin: 0mm 0mm 0mm 0mm;
/* this affects the margin in the printer settings */
}
thead {
display: block;
}
}
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta charset="utf-8" />
<table>
<thead>
<tr>
<td>
<div style="border:1px solid;width:300px;height:250px;">head</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
<div>body</div>
</td>
</tr>
</tbody>
</table>