HTML 및 CSS에서 페이지 나누기를 사용할 때 원하지 않는 빈 페이지를 방지하는 방법은 무엇입니까?

인쇄 중 원하지 않는 공백 페이지 방지

HTML 및 CSS에서 페이지 나누기는 페이지 나누기 후 및 페이지 나누기를 사용하여 제어할 수 있습니다. 중단 전 속성. 그러나 때때로 이러한 속성을 사용하면 의도한 나누기 전후에 추가 빈 페이지가 발생할 수 있습니다.

예를 들어 다음 코드는 page-break-after: Always;로 인해 콘텐츠 뒤에 추가 빈 페이지를 인쇄합니다.

<code class="html"><div class="print" style="page-break-after: always;">fd</div>
<div class="print" style="page-break-after: always;">fdfd</div></code>

이 문제를 방지하려면 다음 해결 방법을 사용하는 것이 좋습니다.

<code class="css">@media print {
    html, body {
        height: 99%;    
    }
}</code>

이 CSS 규칙은 HTML 및 본문 요소의 높이를 효과적으로 99%로 줄여 브라우저가 내용 뒤에 공백 페이지를 추가합니다.

위 내용은 HTML 및 CSS에서 페이지 나누기를 사용할 때 원하지 않는 빈 페이지를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!