带边框的HTML分页表（打印）

Question

我需要在表行内使用分页符。 但是问题是当我在row（tr）之后使用分页符时，该行（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>

始终-始终在元素后插入分页符

例如，如果具有避免值，则在打印页面上不会观察到该问题。

CSS分页后属性

带边框的HTML分页表（打印）

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-12-02 10:11:47

带边框的HTML分页表（打印）

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-12-02 10:11:47

解决方案1
2 已采纳 2015-12-02 10:11:47