>웹 프론트엔드 >CSS 튜토리얼 >Chrome의 `window.print()` 출력에서 ​​머리글과 바닥글을 어떻게 제거할 수 있나요?

Chrome의 `window.print()` 출력에서 ​​머리글과 바닥글을 어떻게 제거할 수 있나요?

Linda Hamilton
Linda Hamilton원래의
2024-12-11 07:45:11265검색

How Can I Remove Headers and Footers from `window.print()` Output in Chrome?

window.print() 작업에서 머리글 및 바닥글 제외

페이지 제목, 파일 경로, 페이지 번호 및 window.print()를 사용하여 인쇄하는 동안 날짜를 입력하는 것은 실망스러울 수 있습니다. 인쇄 스타일시트를 통해 이 문제를 해결하려는 시도는 소용없을 수 있으며 대체 솔루션이 필요할 수 있습니다.

Chrome에서는 다음을 사용하여 이러한 자동화된 요소를 억제할 수 있습니다.

@page { margin: 0; }

이렇게 하면 콘텐츠가 다음을 수행할 수 있습니다. 페이지 가장자리까지 확장하여 기본 머리글과 바닥글을 제거합니다. 그러나 콘텐츠가 페이지 여백을 벗어나지 않도록 하려면 본문 요소에 적절한 여백과 패딩을 설정하는 것이 중요합니다.

또 다른 접근 방식은 다음과 같습니다.

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

이 접근 방식은 여백을 제공하지만, 제한 사항이 있습니다. 콘텐츠가 여러 페이지에 걸쳐 있으면 여백이 일관되지 않을 수 있습니다. 첫 번째 페이지는 1.6cm 위쪽 여백을 유지하고 마지막 페이지는 1.6cm 아래쪽 여백을 유지하여 중간 페이지에는 여백이 없습니다.

또는 즉시 PDF를 생성하여 직접 인쇄하는 것을 고려해 보세요. 그러나 이 접근 방식은 복잡성을 더 증가시킵니다.

위 내용은 Chrome의 `window.print()` 출력에서 ​​머리글과 바닥글을 어떻게 제거할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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