>  기사  >  웹 프론트엔드  >  모든 페이지에 웹 페이지 머리글과 바닥글을 인쇄하는 방법은 무엇입니까?

모든 페이지에 웹 페이지 머리글과 바닥글을 인쇄하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-10-25 11:23:02225검색

How to Print Web Page Headers and Footers on Every Page?

모든 페이지에 웹 페이지 머리글 및 바닥글 인쇄

사용자 지정 머리글 및 바닥글이 인쇄되는 모든 페이지에 표시되도록 할 수 있습니다. 웹 애플리케이션. 초기 조사에서는 그렇지 않은 경우가 있을 수 있지만 다음 해결 방법을 시도해 보세요.

테이블 사용:

thead(머리글용) 및 tfoot(바닥글용) 섹션이 있는 테이블을 만듭니다. 표 내에 이러한 섹션을 중첩하면 인쇄된 각 페이지의 머리글과 바닥글을 동적으로 렌더링할 수 있습니다.

CSS 스타일 지정:

다음 CSS 스타일을 적용하여 머리글과 바닥글 표시를 제어하세요.

thead { display: table-header-group; }
tfoot { display: table-footer-group; }

브라우저 호환성:

이 접근 방식은 CSS 지원이 제한된 IE6에 이상적입니다. Firefox에서도 이를 지원할 것으로 예상됩니다.

인쇄 전용 표시의 경우:

머리글과 바닥글이 인쇄된 미디어에만 표시되도록 지정하려면 @media 매개변수를 사용하세요.

@media print {
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }
}

@media screen {
  thead { display: none; }
  tfoot { display: none; }
}

대체 솔루션:

테이블 접근 방식이 요구 사항을 충족하지 않는 경우 TCPDF와 같은 도구를 사용하여 PDF 형식으로 보고서를 생성하는 것이 좋습니다. 이 방법을 사용하면 페이지 형식을 더욱 효과적으로 제어할 수 있으며 머리글과 바닥글의 일관된 렌더링이 보장됩니다.

위 내용은 모든 페이지에 웹 페이지 머리글과 바닥글을 인쇄하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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