CSS를 사용하여 큰 테이블의 페이지 나누기를 제어하는 ​​방법은 무엇입니까?

대형 테이블에 대해 CSS를 사용하여 페이지 나누기를 강제하는 방법

많은 행이 포함된 동적 테이블로 작업할 때 페이지 나누기를 제어하는 ​​것이 필수적입니다. 더 나은 인쇄 프레젠테이션을 위해. CSS는 이러한 목적을 위해 두 가지 필수 속성인 page-break-before 및 page-break-after를 제공합니다.

필요에 따라 페이지 나누기를 보장하려면 다음 코드를 구현할 수 있습니다.

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

테이블 요소의 page-break-inside 속성은 자동으로 설정되어 있으며, 이는 브라우저가 테이블 내에 페이지 나누기를 삽입할 시기를 자동으로 결정함을 나타냅니다.

개별 행의 경우 (tr), page-break-inside 속성은 회피로 설정되어 행 내에서 페이지 나누기가 발생하는 것을 방지합니다. page-break-after 속성은 자동으로 설정되어 각 행 다음에 페이지 나누기가 발생합니다.

CSS 인쇄 속성에 대한 자세한 지침은 W3C의 CSS 인쇄 프로필 사양을 참조하세요. 또한 Salesforce 개발자 포럼에서는 인쇄 시나리오를 위한 CSS에 대한 귀중한 토론과 통찰력을 제공합니다.

위 내용은 CSS를 사용하여 큰 테이블의 페이지 나누기를 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!