将“ before-break-before”应用于表行（tr）

一尘不染

将“ before-break-before”应用于表行（tr）

css

根据W3.org的说法，该样式page-break-after适用于块级元素

<tr>是一个块级元素

我正在这样做，但是在打印时分页符并没有创建实际的分页符：

  <table>
    <tr><td>blah</td></tr>
    <tr><td>blah</td></tr>
    <tr style="page-break-after: always"><td>blah</td></tr>
    <tr><td>blah</td></tr>
  </table>

我这样做正确吗？

如果<tr>不是块级元素： 我应该如何实现此分页符？

注意：之前的代码仅是一个示例，但是我想做的是在表的每5行中放置一个分页符，因此，如果您知道该情况的任何提示，将不胜感激。

阅读 368

2020-05-16

共1个答案

一尘不染

在内部<head>，在CSS样式表中设置此样式

<head>
    <style>
        @media print {
            tr.page-break  { display: block; page-break-before: always; }
        }   
    </style>
</head>

这样，它将在打印过程中在此表行之前产生分页符。

<tr class="page-break">
</tr>

2020-05-16