코드/Html & CSS

page-break

Yeah-Panda 2014. 3. 28. 11:06


page-break-before, page-break-after


page-break-after: 프린터를 이용해 출력 할때 다음 페이지로 넘기는 부분을 할수 있다.

page-break-before: 그 반대다


ex)

<p style="page-break-after:always;">A  </p>

<p>B </p>


A까지 출력하고 B 는 다음페이지로 넘긴다.


ex)

.html----

<div id="torso">

</div>

<div id="torso_2">

</div>


.css ----

@media print{

#torso{page-break-after: always;}

}


마찬가지 torso까지만 출력하고 torso_2 는 다음페이지에 출력한다. 





'코드 > Html & CSS' 카테고리의 다른 글

ie7 height: 100% 버그  (0) 2014.04.17
[less]mixin 문자열 연결  (0) 2014.04.07
[cross] 브라우저별 css 핵 선택자  (0) 2013.11.06
플래시 z-index  (0) 2013.10.14
textarea 에 사용자폰트 적용  (0) 2013.10.14