HTML을 사용하여 문서의 모든 페이지에 머리글과 바닥글을 출력하는 방법

 

질문 : HTML을 사용하여 문서의 모든 페이지에 머리글과 바닥글을 출력하는 방법은 무엇입니까?

---

출력된 각 페이지에 사용자 정의 머리글 및 바닥 글이있는 HTML 페이지를 출력할 수 있습니까?

내용에 관계없이 모든 출력페이지의 상단과 하단에 Red, Arial, 크기 16pt로 "UNCLASSIFIED"라는 단어를 추가하고 싶습니다.

명확히하기 위해 문서가 5 페이지에 출력된 경우 각 페이지에는 사용자 정의 머리글과 바닥 글이 있어야합니다.

HTML / CSS를 사용하여 이것이 가능한지 아는 사람이 있습니까?

답변

---

바닥 글로 지정할 요소를 position : fixed 및 bottom : 0으로 설정하면 페이지가 출력될 때 각 출력된 페이지의 맨 아래에 해당 요소가 반복됩니다. 헤더 요소에서도 동일하게 작동하며 대신 top : 0을 설정합니다.

예를 들면 :

<div class="divFooter">UNCLASSIFIED</div>

CSS :

@media screen {
    div.divFooter {
    	display: none;
	}
}
@media print {
    div.divFooter {
      position: fixed;
      bottom: 0;
  	}
}
                    

출처 : https://stackoverflow.com/questions/1360869/how-to-use-html-to-print-header-and-footer-on-every-printed-page-of-a-document