Проблема с печатью разрыв страницы - Предварительный просмотр в браузерах - PullRequest
Новая
       39

Проблема с печатью разрыв страницы - Предварительный просмотр в браузерах

0 голосов
/ 20 ноября 2018

Я столкнулся с проблемой разрыва страницы, когда мой div начинается с конца страницы, а не на следующей странице после применения разрыва страницы.

Я ответил на этот вопрос Каксправляться с разрывами страниц при печати большой таблицы HTML и вносить некоторые изменения в мои свойства CSS 

.items-list {
    page-break-inside:avoid;
    page-break-after:auto;
}

Базовая структура файла HTML 

<div class="row items-list" *ngFor="let country of countryWiseData">
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
</div>

Моя проблема связана с продолжениемраздела Div, мне нужно, чтобы сломанный div был частью следующей страницы.

enter image description here

1 Ответ

0 голосов
/ 22 ноября 2018

Это может быть не та проблема, с которой люди могут часто сталкиваться, но публикация моего корневого сценария, чтобы он мог кому-то помочь.

Проблема была связана со свойством css, которое загружалось из скрытого элементаиз печати, в моем случае это было

flex-direction: column

...