Web

인쇄시 다음 페이지로 넘길 수 있는 page-break-before 속성

알콜뭉뭉이 2017. 12. 6. 10:38

block-level element 사이를 경계로 페이지를 나누기 때문에 반드시 block-level element에 지정해 주어야 합니다.
P, DIV와 같은 block-level element가 아닌 요소에 적용하면 다음 페이지로 넘어가지 않습니다.
 
page-break-before 속성
  auto : 기본값
  always : 항상 페이지 넘김
  avoid : 페이지 넘김을 하지 못하게 강제
  left : 제본을 위한 값이라고 하나 always와 차이점을 발견하기 힘듭니다.
  right : 제본을 위한 값이라고 하나 always와 차이점을 발견하기 힘듭니다.
 
 
올바른 사용예
<p>가나다라마바사</p>
<p style="page-break-before: always;">ABCDEFG</p>
 
 
잘못된 사용예
<span>가나다라마바사</span>
<br><br>
<span style="page-break-before: always;">ABCDEFG</span>
 
 
관련자료