page-break-before : 페이지 분리
프린트를 하다 보면 페이지 분리 없이 출력이 된다.
테이블 깨지는것을 방지하기 위해 어느 부분을 다음 페이지로 넘겨서 출력하자
<div style="page-break-before:always;" >
이 부분에서 페이지를 넘길 거예요
</div>
스타일을 매긴 곳부터 다음 페이지로 자동으로 넘어간다.
page-break-before 속성
- auto : 초기값. 자동으로 페이지를 나눈다.
- always : 항상 요소 앞에서 페이지를 나눈다.
- avoid : 요소 앞에서 페이지를 나누지 않는다.
- left : 요소 앞에서 분리된 페이지가 왼쪽면에 위치한다.
-
right : 요소 앞에서 분리된 페이지가 오른쪽면에 위치한다.
IE에서 페이지 넘기는 게 안되는 경우
<div style="page-break-before:always;" >
이 부분에서 페이지를 넘길 거예요
</div>
<br style="height:0;line-height:0" >
<br style="height:0;line-height:0" >
을 추가해준다.
PREVIOUSCSS - IE에서 initial 사용대체