Не могу напечатать вторую страницу в 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 inline не рекомендуется, и его следует избегать постоянно. Попробуйте дать элементам div несколько классов и определить их в отдельном файле css.