CSS가 테이블 행 안쪽에서 페이지 나누기를 중지합니다.

Question

한 페이지를 넘을 수있는 HTML 테이블의 행 안에 페이지 나누기가 발생하지 않도록하려고합니다. Internet Explorer 인쇄 미리보기와 BCL EasyPDFSDK를 사용하여 PDF로 변환하여이를 테스트합니다. 나는 page-break-inside: avoid !important는하지만, 단지 <td> 수준에 노력하고 생각

td { 
    page-break-inside: avoid !important; 
    white-space: nowrap; 
    overflow: hidden; 
    margin: 4px 0 4px 0; 
} 

: 나는 <td> 요소에 다양한 조합에서 다음 CSS 스타일을 적용하지만 각각에 대해 내가 원하지 않는 결과를 얻고 있었다. 예를 들어 <tr>은 첫 번째 페이지의 끝에 하나의 <td>이 표시되며 모든 텍스트는 그대로 유지되지만 다음 <td> 태그는 모든 텍스트가 그대로 유지됩니다.

<tr>에 서식을 적용해야한다고 생각하지 않았으므로이 문제를 해결하는 방법을 잘 모릅니다.

CSS를 <tr>에 적용해야합니까, 아니면 다른 방법이 있습니까?

도움 주셔서 감사합니다.

Answer 1

내가 테이블 요소에 국경을 축소 만 1 x 1 픽셀 나는 또한 단지 문제를 일으키는 경우 xx-small에 글꼴 크기를 설정

table { border-collapse: collapse; } 
td { 
    page-break-inside: avoid !important; 
    white-space: nowrap; 
    overflow: hidden; 
    padding: 1px; 
    font-size: xx-small; 
} 

를 사용하여 내 패딩을 줄이기 위해 필요한 밝혀졌습니다. 이 문제는 국경을 무너 뜨릴 때 주로 해결되는 것 같았습니다. 그래서 테이블이 그 때문에 행을 분할하는 데 문제가 있는지 궁금하게 생각합니다.

건배!