웹페이지 인쇄물을 정리하고 원치 않는 머리글과 바닥글을 제거하려면 어떻게 해야 합니까?

인쇄 단순화: window.print()에서 불필요한 요소 제거

window.print()를 사용하여 웹페이지를 인쇄하려고 하면 일반적으로 다음에서 원하지 않는 요소가 발견됩니다. 페이지 제목, 파일 경로, 페이지 번호, 날짜 등 머리글이나 바닥글입니다. 이러한 추가로 인해 인쇄물이 복잡해지고 의도한 내용이 흐트러질 수 있습니다. 다행스럽게도 이러한 방해 요소를 제거할 수 있는 기술이 있습니다.

Chrome에서 가장 간단한 해결책은 CSS를 사용하여 @page 선언을 조작하는 것입니다. 여백 속성을 0으로 설정하면 자동 머리글과 바닥글이 효과적으로 숨겨집니다. 단, 본문이 페이지 한계까지 확장되므로 내용이 가장자리에 너무 가까이 확장되지 않도록 여백이나 패딩을 포함하는 것이 좋습니다.

예:

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

참고 콘텐츠가 여러 페이지에 걸쳐 있는 경우 인쇄 버전은 중간에 상단 여백이 부족하여 여백이 다양해 균형이 맞지 않게 나타날 수 있습니다. 페이지.

이 방법은 Chrome 및 일부 최신 버전의 Firefox에서 잘 작동하지만 브라우저 전체에서 보편적으로 호환되지 않을 수 있습니다. 더 폭넓은 지원을 받으려면 최종 문서에 대한 더 많은 유연성과 제어 기능을 제공하는 PDF를 만들고 인쇄하는 것을 고려해 보세요. 그러나 이 경로에는 그 자체의 복잡성이 있으며 추가적인 문제가 발생할 수 있습니다.

위 내용은 웹페이지 인쇄물을 정리하고 원치 않는 머리글과 바닥글을 제거하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!