Markup
CSS 프린트 다음장으로 페이지 넘기기
black-berry
2022. 11. 16. 17:34
728x90
반응형
<div style="page-break-before:always;" >
여기부터 새로운 페이지로 넘어가서 프린트 됩니다.
</div>
<br style="height:0;line-height:0" ><!-- //IE에서 안될경우 추가 -->page-break-before
해당 엘리먼트의 이전 페이지 넘김 지정
page-break-before: auto, inherit, always, avoid, left, right
- auto: 자동
- inherit: 부모 값 상속
- always: 해당 엘리먼트의 이전 페이지 넘김
- avoid: 해당 엘리먼트의 이전 페이지 넘김 금지
- left: 엘리먼트 앞에서 분리된 페이지가 왼쪽 면에 위치
- right: 엘리먼트 앞에서 분리된 페이지가 오른쪽 면에 위치
page-break-after
해당 엘리먼트의 다음 페이지 넘김을 지정
page-break-after: auto, inherit, always, avoid, left, right
- auto: 자동
- inherit: 부모 값 상속
- always: 해당 엘리먼트의 다음 페이지 넘김
- avoid: 해당 엘리먼트의 다음 페이지 넘김 금지
- left: 엘리먼트 뒤에서 분리된 페이지가 왼쪽 면에 위치
- right: 엘리먼트 뒤에서 분리된 페이지가 오른쪽 면에 위치
page-break-inside
해당 엘리먼트의 내부 페이지 넘김을 지정
page-break-after: auto, inherit, avoid
- auto: 자동
- inherit: 부모 값 상속
- avoid: 해당 엘리먼트의 내부에서 페이지 넘김 금지
728x90
반응형