CSS가 큰 테이블에서 페이지 나누기를 어떻게 제어할 수 있습니까?-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

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

Dec 22, 2024 pm 02:10 PM

How Can CSS Control Page Breaks in Large Tables?

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

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

CSS 페이지 나누기 배치

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

&lt;style type=&quot;text/css&quot;&gt;
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
&lt;/style&gt;

로그인 후 복사

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.