我对IE9,Firefox和Opera没有这个问题.只需Chrome和Safari.
打印页面时,如果某个桌面需要在某个时刻断开以继续下一页,Safari和Chrome会将该行切成两半并在第一页打印上半部分,在第二页打印下半部分页.
这是我试图使用的代码,它解决了我在IE9中遇到的问题 – 在下一页的每一行打印一个小的50px x 50px图像,第一页上有文字.
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
我有7页不同行数,平均大约10-15行.
我该怎么做才能解决这个问题？
解决方法
这是一个只允许行之间分页的表的示例.它应该适用于任何流行的桌面浏览器,包括基于webkit的浏览器……
<style>
table {
border-spacing: 0;
line-height: 1.25em;
}
table > tbody > tr > td {padding: 0;}
table > tbody > tr:first-child > td > div {border-top: 2px solid black;}
table > tbody > tr > td:first-child > div {border-left: 2px solid black;}
table > tbody > tr > td > div {
page-break-inside: avoid;
display: inline-block;
vertical-align: top;
height: 3.75em;
border-bottom: 2px solid black;
border-right: 2px solid black;
}
</style>
<table>
<tr>
<td><div>Content</div></td>
<td><div>Multi-<br/>line<br/>content</div></td>
</tr>
<tr>
<td><div>Content</div></td>
<td><div>Multi-<br/>line<br/>content</div></td>
</tr>
</table>
