CSS가 큰 테이블에서 페이지 나누기를 어떻게 제어할 수 있습니까?

광범위한 테이블에 대한 CSS 페이지 나누기

많은 행이 포함된 테이블이 표시되는 경우 여러 페이지에 걸쳐 인쇄되도록 하는 것이 중요할 수 있습니다. CSS는 페이지 나누기를 제어하기 위해 두 가지 필수 속성인 page-break-before 및 page-break-after를 제공합니다. 그러나 이러한 속성을 구현할 위치를 이해하는 것이 중요합니다.

CSS 페이지 나누기 배치

테이블 내에서 필요에 따라 페이지를 나누도록 브라우저에 지시하려면 다음 CSS를 추가하세요. 문서 스타일:

<style type="text/css">
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
</style>

• table { page-break-inside:auto }: 해당 페이지를 지정합니다. 잠재적으로 큰 크기를 수용하여 테이블 내에서 나누기가 허용됩니다.
• tr { page-break-inside:avoid; page-break-after:auto }: 개별 테이블 행 내에서 페이지 나누기를 방지하고(page-break-inside:avoid) 각 행 이후에 페이지 나누기를 허용하여(page-break-after:auto) 행이 함께 인쇄되도록 합니다.

이러한 CSS 규칙을 통합하면 브라우저가 테이블 크기와 지정된 페이지 제약 조건을 기반으로 페이지 나누기를 지능적으로 결정하여 원활하고 페이지가 매겨진 인쇄를 수행할 수 있습니다. 경험하세요.

위 내용은 CSS가 큰 테이블에서 페이지 나누기를 어떻게 제어할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!