HTML 소스를 사용하여 인쇄영역(페이지)를 나누는 방법. 페이지 분리.
아래에서는 div를 사용하여 block-level element를 지정했지만
<p>, <span>, <br> 태그를 사용해도 됩니다.
.
.
.
출력할 내용1
<div style='page-break-before:always'></div> <!--여기를 기준으로 앞의 내용이 한 페이지-->
출력할 내용2
<div style='page-break-before:always'></div> <!--여기를 기준으로 앞의 내용이 한 페이지-->
출력할 내용을 지정한 블록마다 페이지가 설정되어 페이지 나누기를 할 수 있습니다.
page-break-before와 page-break-after, page-break-inside가 있습니다.
대체적으로 page-break-before를 사용합니다.
page-break-before는 이 엘리먼트가 나오기 전까지의 문자를 한 페이지로 구분합니다.
page-break-after는 이 엘리먼트가 나온 이 후의 문자를 한 페이지로 구분합니다.
각 속성의 의미(대체적으로 always만 사용함)
auto - 자동으로 계산하도록 지정
always - 뒤에서 항상 분리하도록 지정
avoid - 뒤에서 절대 분리되지 않도록 지정
left - 뒤에서 분리된 페이지가 왼쪽 면에 위치하도록 지정
right - 뒤에서 분리된 페이지가 오른쪽 면에 위치하도록 지정
inherit - 부모 요소의 값을 상속하도록 지정
'Language > HTML' 카테고리의 다른 글
| 라디오,체크박스 (radio, checkbox) 버튼 css (9) | 2013.07.24 |
|---|---|
| div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%) (2) | 2013.07.12 |
| HTML 웹표준, 유효성 검사 방법(W3C 지원) (0) | 2013.03.08 |
| IE 호환성 보기 문제 및 해결(스크립트, 테이블 깨짐 등) (16) | 2013.02.01 |
| HTML) 인쇄영역 나누기, 페이지 나누기 (16) | 2013.01.11 |
| 즐겨찾기에 추가 버튼 (0) | 2012.12.12 |
| 바탕화면에 바로가기 아이콘 변경 (0) | 2012.12.11 |
| 오른쪽 마우스 클릭 방지 (0) | 2012.12.03 |
| input="text"에서 커서 진입 시 한/영 default 값 설정(ime-mode) (0) | 2012.11.01 |
| input type="text"에서 onChange 사용하기(onPropertyChange) (0) | 2012.10.26 |
| window.showModalDialog 사용시 캐시 문제 (0) | 2012.10.10 |
댓글을 달아 주세요
감사합니다.
댓글 감사합니다~
좋은 정보 감사합니다.
네~또 오세요~~~
이거 모야, 구글링 해서 들어왔는데ㅋ 이준빈이네.ㅋㅋㅋ
오잉?ㅋㅋㅋㅋㅋㅋ
우리과 사람들 많이 들어오네ㅋㅋㅋㅋ
하나 궁금해서 댓글남깁니다!
html게시판에서 글을 작성할때,
홈페이지 제목칸이 두줄로 설정되어있는상태에서
글을 작성할때 첫째줄을 꽉 채우지 않은 상태에서 (엔터)기능을 하고
두번째 줄을 작성하고 싶은데 방법이 없을까요?
br이나 다른 코딩은 글쓰기 제목창에선 먹히지 않더라구요ㅜㅜ
그렇게 사용하시려면 TextArea를 사용하셔야 할 것 같습니다.
최곱니다!! ㄳ!!
감사합니다!
역시 호박머리!!
ㅎㅎ
화방사 이준빈님은 아니시죠?
화방사 출신 맞습니다
누구시죠?
혹시 <p style='page-break-before:always'></p> 이후에 특정문구를 출력하고 내용이 이어서 출력하고싶은데 어떻게 해야할까요 ?
질문을 잘 이해하지 못했습니다.
말대로라면 그냥 구분자 다음에 출력할 문구를 출력하면 되는게 아닌가요?