window.print()를 사용하여 문서를 인쇄할 때 머리글과 바닥글을 어떻게 제거할 수 있습니까?

window.print()를 사용하여 인쇄된 문서에서 머리글 및 바닥글 제거

window.print() 함수의 기본 동작에는 인쇄가 포함됩니다. 제목, 경로, 번호, 날짜 등 페이지 관련 정보를 표시하는 머리글과 바닥글입니다. 이러한 요소를 제거하면 인쇄 미학이 향상될 수 있습니다.

인쇄 스타일시트를 사용하여 머리글과 바닥글을 억제하려고 시도하는 동안 어려움을 겪었습니다. 이 문제를 해결하는 효과적인 솔루션이 있습니다.

Google Chrome에서는 다음 코드를 CSS에 통합하여 자동 머리글/바닥글을 비활성화할 수 있습니다.

@page { margin: 0; }

여백을 다음으로 설정합니다. 0이면 인쇄된 내용이 페이지 한계까지 원활하게 확장되므로 머리글이나 바닥글이 필요하지 않습니다. 콘텐츠가 페이지 가장자리에 도달하는 것을 방지하려면 본문 요소에 적절한 여백과 패딩을 지정하세요.

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

주의: 여러 페이지가 필요한 다중 부분 콘텐츠를 처리할 때 이 접근 방식은 미학적 결함을 초래할 수 있습니다. 첫 번째 페이지와 마지막 페이지에만 의도한 여백이 있고 중간 페이지에는 위쪽 및 아래쪽 여백이 모두 없습니다.

이 솔루션은 이 답변 당시(2013년 5월) Chrome에서 효과적이었지만 추가 작업이 필요할 수 있습니다. 다른 브라우저와의 호환성 테스트. 브라우저 간 지원이 필수적인 경우 즉시 PDF를 생성하고 인쇄(내장된 자체 인쇄 JavaScript를 사용하여)하는 것은 여전히 ​​가능하지만 노동 집약적인 대안입니다.

위 내용은 window.print()를 사용하여 문서를 인쇄할 때 머리글과 바닥글을 어떻게 제거할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!