몇 페이지 pf 후 CSS page-break-after 크리프

Question

인쇄 매체에서 페이지 나누기가있는 블록 요소 (DIV)가 있습니다. 문제는 나누기가 위로 이동하여 페이지 나누기가 있지만 페이지 높이가 불일치로 나타나고 div가 인쇄 미리보기에서 페이지 나누기를 넘어 서기 시작한다는 것입니다. 이것은 주로 크롬의 문제입니다.

DIV에는 print.css에이 클래스가 있으므로 각 섹션 다음에 페이지 나누기가 생깁니다.

.breakSection { 
    display: block !important; 
    width: 100% !important; 
    min-height: 100px !important; 
    page-break-after: always !important; 
} 

Answer 1

다른 방법으로 시도해 보셨습니까?

page-break-before: always; 

페이지가 끝나는 위치를 항상 알 수는 없지만 자연히 끝나는 위치를 결정할 수 있습니다.

Answer 2

또한 인쇄 할 때 여백을 0으로 설정해야합니다. 이렇게하면 페이지 크기와 페이지 나누기가 일관되게 유지됩니다.

@media print{body{margin:0}}