인쇄시 html 태그로 다음 페이지로 넘기기 style="page-break-before: always;"
IT 개발/HTML&JS 2011. 5. 26. 08:54
<p> 나 <br>이나 <table>등 태그에 style로 적용하면 거기서부터는 새로운 페이지에서 "인쇄가 됨"
다만 테이블이 큰 경우에는 생각대로 안먹는 경우가 있었는데. 그때는 <br style="page-break-before: always;"> 해주니까 잘 구분이됨
주의사항은 css로 제어하기 때문에 웹 브라우저의 종류에 따라서 동작이 틀릴 위험성이 상당히 높음. 그래서 관리자 기능이라던가 한정된 사용자가 이용할때만 사용하는 것이 좋음
<p style="page-break-before: always;">
Value별 설명 (* 출처 : Hooney - http://hooney.net/docs/Css/Page-break-before)
auto : 자동으로 계산하도록 지정
always : 앞에서 항상 분리하도록 지정
avoid : 앞에서 절대 분리되지 않도록 지정
left : 앞에서 분리된 페이지가 왼쪽 면에 위치하도록 지정
right : 앞에서 분리된 페이지가 오른쪽 면에 위치하도록 지정
inherit : 부모 요소의 값을 상속하도록 지정
auto : 자동으로 계산하도록 지정
always : 앞에서 항상 분리하도록 지정
avoid : 앞에서 절대 분리되지 않도록 지정
left : 앞에서 분리된 페이지가 왼쪽 면에 위치하도록 지정
right : 앞에서 분리된 페이지가 오른쪽 면에 위치하도록 지정
inherit : 부모 요소의 값을 상속하도록 지정
* ie7에서 안먹힐 때
http://djawl_2.blog.me/50081360095
* 크롬에서 태그가 안먹는 문제
http://fendee.egloos.com/10711272
'IT 개발 > HTML&JS' 카테고리의 다른 글
AJAX HttpRequest가 어떻게 통신하는지 분석해보자~ (0) | 2012.02.10 |
---|---|
[웹표준] 제프리 젤드만의 웹표준 가이드 내용 (0) | 2011.10.06 |
"이 페이지의 스크립트로 인해 Internet Explorer 실행의 속도가 느려질 수 있습니다" 대처법 (0) | 2011.07.07 |
자바스크립트 form값 접근 총정리 (0) | 2011.05.17 |
td를 클릭하면 관련있는 tr의 배경색이 바뀌는 자바스크립트 (0) | 2011.04.27 |