page-break-before / page-break-after
always(페이지를 분할) / avoid(분할하지 않음)
예) 아래와 같이 css 작성^^
selector{page-break-before:always}
[예시]
(Q.요구사항)
인쇄 할 때 2장으로 나눠서 프린트를 하고싶어요~
(A.방법)
아래와 같이 css를 이용해 적용 가능~
- css
@media print{
/* print 시 적용 css */
div{page-break-before:always}
}
- html
<div> ...인쇄1... </div>
<div>...인쇄2...</div>
...
728x90
반응형
'WWWEB > CSS' 카테고리의 다른 글
다크 모드 코딩 방법 ( css : prefers-color-scheme ) (1) | 2020.03.09 |
---|---|
크롬에서 filter blur 이슈 관련 (0) | 2018.03.22 |
[css] placeholder color 변경 (0) | 2017.07.21 |
dl을 테이블 디자인 + 미디어쿼리를 이용한 반응형으로 만들어보기 (0) | 2015.11.17 |
디바이스별 해상도 (0) | 2014.02.13 |
메일링 코딩 CSS Support 가이드 (0) | 2012.11.26 |
ie9 핵 사용법 (+추가 : ie10 핵) (0) | 2012.09.28 |
나눔고딕 다운(eot, woff, ttf) 및 적용방법 예 (6) | 2012.08.23 |
댓글