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

【问题标题】：How to put the page break after every division?如何在每个分区后放置分页符？
【发布时间】：2017-04-13 23:45:16
【问题描述】：

我在 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>

请帮忙。谢谢

【问题讨论】：

你要给每个<div> s 上什么课？
你能给我们看看你的html代码吗？如果可能的话。
Class="page-break" 在哪里？？
class="row" 我已经给出了。

标签： html css

【解决方案1】：

在这里，我猜你错过了给你的 div 一个 page-break 类。因此，我正在向您展示实现它的确切方法。

你的 CSS 会是这样的

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

你的Html会是这样的。

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

希望对你有帮助。

【讨论】：