如何添加自动检测分页符

Question

我创建了一个显示结算明细的网页。有些账单有很多细节，如果这个账单的细节不适合A4纸，我想添加一个分页符。如果我添加分页符，如何自动检测？

Answer 1

  

page-break-before：指定是否应在之前启动新页面   一个特定的元素。

     

page-break-after：指定如何在a之后处理分页符   特别的元素。

     

always：在指定元素

之前或之后强制分页

在网站内容之间插入.header（或其他名称）和.footer（或其他名称），如下所示：

<div class="header"></div>
...content...
<div class="footer"></div>

<div class="header"></div>
...content...
<div class="footer"></div>

使用后：

.header {
  page-break-before:always;
}

.footer {
  page-break-after:always;
}

＆＃13;

＆＃13;

.header, .footer {
  display: none;
}

@media print {

.header, .footer {
  display: block;
}
  .header {
    page-break-before:always;
  }

  .footer {
    page-break-after:always;
  }
}

＆＃13;

<div class="header"></div>
<p>...content...</p>
<div class="footer"></div>

<div class="header"></div>
<p>...content...</p>
<div class="footer"></div>

＆＃13;

＆＃13;

＆＃13;