如何在打印窗口时在iframe中应用分页符样式

Question

我想在打印窗口时在iframe（将有多个iframe）内的div属性之前应用分页符。 例如： -

--Header Data--
   --Iframe1--
        div style="page-break-before:always"
   --Iframe2--
        div style="page-break-before:always"
      .
      .
      .

我试过@media print，内联样式，但没有一个可以工作。

Answer 1

您可以使用以下代码，看看它是否适合您

@media all {
    .page-break { display: none; }
}

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

和你的HTML

<h1>Page Title</h1>
<!-- content block -->
<!-- content block -->
<div class="page-break"></div>
<!-- content block -->
<!-- content block -->
<div class="page-break"></div>
<!-- content block -->
<!-- content -->

参见ref here