본문 바로가기

Html_CSS_JScript

웹 페이지 나누어 출력하기

html로 화면 인쇄할 경우 페이지 나누는 방법입니다.

아래 예제를 참고 하세요.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 
  <style>
 DIV.page {page-break-before:always}
  </style>
 </HEAD>

 <BODY>
   내용 aaaa
  <div class="page">
 <!-- 이태그 이후 부터 다른 페이지에 인쇄됨 -->
  내용 bbbb
  </div>

    <div class="page">
 <!-- 이태그 이후 부터 다른 페이지에 인쇄됨 -->
  내용 cccc
  </div>
 </BODY>
</HTML>

<H1>태그가 시작되는 곳 부터 페이지를 분할 할 경우
<SCRIPT LANGUAGE="JavaScript">
<!--
var col = document.all.tags("H1");
for(i=0; i<col.length;i++) {
 col(i).style.pageBreakBefore = "always";
}
//-->
</SCRIPT>