인쇄 HTML 테이블 내가 여기에 HTML 테이블을 인쇄 할 상단

Question

에서 여분의 공백은 내 코드와 테이블, 당신은 여분의 공간이 상단에가 볼 수

https://jsfiddle.net/yc17z1jr/

table { 
    margin-bottom: 10px; 
    width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0; 
} 
th,td { 
    border-width: 1px; 
    border-style: solid; 
} 
th { 
    background: gray; 
} 
.page td { 
    border-width: 0; 
} 
.page div { 
    page-break-after: always; 
} 
@media print { 
html, body ,table{ 
    height: auto; 
} 

입니다 3, 4 페이지 내 코드에 어떤 문제가 있습니까?

감사합니다. 이 규칙은 .page의 아이의 모든 사업부가 후 페이지 나누기 공간이있을 것이라는 점을 선언한다

.page div { 
    page-break-after: always; 
} 

:

Answer 1

이것은 아마도 범인이다. 그래서 논리적 인 선택 인쇄 미디어 쿼리 내에 배치,

@media print { 
    html, body ,table{ 
     height: auto; 
    } 
    .page div { 
     page-break-after: always; 
    } 
} 

page-break-after 속성이 인쇄 콘텐츠를위한 것입니다 : 당신은 내 해당 규칙을 배치해야합니다.