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>
 
 
관련자료






'Web' 카테고리의 다른 글

onClick 이벤트 사용시 아이폰 문제  (0) 2017.12.10
doctype 정의에 따른 스크롤바 스타일  (0) 2017.12.08
[jquery] 디자인 셀렉트박스(selectbox)  (0) 2017.12.05
[XML] 특수문자 표시  (0) 2017.12.05
IP로 국가 판별하기  (0) 2017.12.01