Question

我希望我的表在其行中不包含分页符。这是我的代码，但它不起作用（打印时它仍然包含分页符）。请指教

<style type="text/css">
tr, td { page-break-inside:avoid; page-break-after:auto }
</style>
<table border=1>
<tr>
<th>1</th>
<th>2</th>
</tr>
<tr>
<td>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
</td>
<td>Two</td>
</tr>
<tr>
<td>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
</td>
<td>Two</td>
</tr>
</table>

Answer 1

该表很容易超越8x11＆＃34;纸。在这种情况下，将表格包装起来就更容易了

<table border=1>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<tr>
<td>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
</td>
<td>Two</td>
<!--Third Row-->
<td>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
One<br>One<br>One<br>One<br>One<br>One<br>One<br>
</td>
<td>Two</td>
</tr>
</table>

Plunker for reference

Answer 2

事实证明我所做的是正确的。但是，我使用的是谷歌浏览器，显然在处理表格中的分页符时存在问题。

完全相同的代码可以正常使用（自己动手）Internet Explorer！令人惊讶的是，IE在FF / Chrome中更好。

高排内没有分页符

2 个答案: