如何在每个分区后放置分页符？

Question

我在div中使用了一个样式属性来在它之后放置一个分页符。但它不起作用。 style="page-break-after:always" 我还在媒体打印中使用了CSS：

@media print {
h3{page-break-after: always;
  }
}

<div class="row" style="margin-top:50px;">
    <div class="col-lg-12"> 
        <div id="AverageTime">
        <h3>Hello world.</h3>
        </div>
    </div>
</div>

请帮助。谢谢

Answer 1

在这里，我猜你错过了给你的div page-break课程。 所以，我正在向你展示实现它的确切方法。

你的CSS 就像这样

   @media print {
            .page-break { 
                         display: block; 
                         page-break-before: always; 
                }
   }

您的Html 会是这样的。

  //Content
  <div class="page-break"></div>
  //Content

我希望它有所帮助。