Html 分页符 table 带边框（打印）

Question

我需要在 table 行内使用分页符。但问题是当我在 row(tr) 之后使用分页符时，该 row(tr) 在打印时绘制到页面末尾。解决这个问题的任何想法。

来源：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
</head>
<body>
    <table border="1" >
       <thead>
         <tr><th>heading</th><th>heading 2</th></tr>
       </thead>
       <tfoot>
           <tr><td>footer 1</td><td>footer 2</td></tr>
       </tfoot>
       <tr>
           <td>x</td> <td>x1</td>
       </tr>
       <tr>
           <td>x</td> <td>x2</td>
       </tr>
       <tr>
          <td></td> <td>
          <div style="page-break-after: always;"></div>
          </td>
       </tr>
       <tr>
          <td>x</td> <td>x3</td>
       </tr>
    </tbody>
    </table>
</body>
</html>

屏幕截图：第一页，第二页，

Answer 1

原因是<div style="page-break-after: always;"></div>

always - Always insert a page break after the element

例如，使用 avoid 值时，打印页面上未观察到该问题。

CSS page-break-after Property

Html 分页符 table 带边框（打印）

Html page break table with border (print)

html

page-break