HTML 문서를 인쇄할 때 여분의 빈 페이지가 나타나는 이유는 무엇입니까?

인쇄 중 추가 공백 페이지 방지 방법

HTML 문서 인쇄 시 추가 공백 페이지가 나타나는 문제가 발생할 수 있습니다. 또는 의도한 내용 이후. 이는 실망스럽고 귀중한 종이를 낭비할 수 있습니다. 이 문제를 해결하기 위해 CSS 미디어 쿼리 및 페이지 높이 조정과 관련된 솔루션을 제시합니다. 자세한 내용을 살펴보겠습니다.

제공된 HTML 코드에서는 CSS 속성 page-break-after: Always를 사용하고 있습니다. 각 .print div 다음에 페이지 나누기를 강제로 적용합니다. 그러나 이 접근 방식을 사용하면 문서의 시작이나 끝 부분에 추가 빈 페이지가 인쇄될 수 있습니다.

이를 방지하려면 인쇄 스타일시트를 대상으로 하는 미디어 쿼리를 사용하는 것이 좋습니다. 이를 구현하는 방법은 다음과 같습니다.

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

이 미디어 쿼리에서는 html 및 body 요소의 높이를 99%로 설정했습니다. 이렇게 하면 필요한 경우 콘텐츠가 여러 페이지에 걸쳐 분산되어 마지막에 빈 페이지가 생성되는 것을 방지할 수 있습니다.

페이지 높이를 조정하여 인쇄에 사용할 수 있는 공간의 양을 제어할 수 있습니다. 이렇게 하면 불필요하게 공백 페이지가 추가되는 것을 방지하여 효율적이고 용지를 절약할 수 있는 인쇄가 가능합니다.

위 내용은 HTML 문서를 인쇄할 때 여분의 빈 페이지가 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!