CSS - 프린트할때 다음장으로 넘기기

 

page-break-before : 페이지 분리

프린트를 하다 보면 페이지 분리 없이 출력이 된다.
테이블 깨지는것을 방지하기 위해 어느 부분을 다음 페이지로 넘겨서 출력하자

<div style="page-break-before:always;" >
	 부분에서 페이지를 넘길 거예요
</div>

스타일을 매긴 곳부터 다음 페이지로 자동으로 넘어간다.

page-break-before 속성

  • auto : 초기값. 자동으로 페이지를 나눈다.
  • always : 항상 요소 앞에서 페이지를 나눈다.
  • avoid : 요소 앞에서 페이지를 나누지 않는다.
  • left : 요소 앞에서 분리된 페이지가 왼쪽면에 위치한다.
  • right : 요소 앞에서 분리된 페이지가 오른쪽면에 위치한다.

:exclamation: IE에서 페이지 넘기는 게 안되는 경우 :exclamation:

<div style="page-break-before:always;" >
	 부분에서 페이지를 넘길 거예요
</div>
<br style="height:0;line-height:0" >

<br style="height:0;line-height:0" >을 추가해준다.



참고자료 : https://www.w3schools.com/cssref/pr_print_pagebb.asp