html - 无法在 IE 上打印第二页

Question

我刚刚遇到一个问题，我的打印结果不是我所期望的。

我的主要模板代码是

<div class="row" style="width:97%;margin:0 auto;">
        <!-- 종합 평가 -->
        <div class="col-xs-12 col-sm-12 col-md-12" style="width:100%;margin:0 auto;padding:0;">
            {% include 'silver/silver_evaluation_form_result_table_new.html'%}
        </div>
        &nbsp;
        <div class="col-xs-12 col-sm-12 col-md-12" style="width:100%;margin:0 auto;padding:0;">
            {% include 'silver/silver_evaluation_each_exdata_result.html'%}
        </div>
        <div style="page-break-after:always;"></div>
        <div class="col-xs-12 col-sm-12 col-md-12" style="width:100%;margin:0 auto;padding:0;">
            {% include 'silver/silver_compare_page_new.html' %}
        </div>
 </div>

问题发生在 silver_evaluation_each_exdata 和 silver_compare_page_new 之间。我希望我的 silver_compare_page-new 会打印在第二页，但事实并非如此。

IE 打印第二页内容为空白。它只是空白。我做错了什么？

Answer 1

您是否尝试过以正确的方式进行操作并阅读本文并按此方式进行操作？ https://www.w3schools.com/cssref/pr_print_pageba.asp (媒体屏幕上不考虑这些 css，仅在媒体打印时才考虑)

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

不推荐内联 css，应该始终避免。尝试为 div 提供一些类并在单独的 css 文件中定义它们。