풍선도움말...

ㆍ호가계부를 시작페이지로

은행 카드 증권 보험 부동산

     
My 즐겨찾기 수정
[무료]  오늘의 운세  /  바이오리듬
여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.
컴퓨터와 관련있는 모든 팁을 공유합시다.

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

호가계부|2019-09-30 18:41:44|조회 : 112196
홈페이지에서 프린터로 출력할때 페이지 넘김이 필요할 때가 있다

css 에서

page-break-before : 해당 엘리컨트 뒤에 페이지 넘김

또는

page-break-after : 해당 엘리먼트 앞에 페이지 넘김

으로 설정하면 된다

[설정값]
- auto : 기본값
- always : 항상 페이지 넘김
- avoid : 페이지 넘김을 하지 못하게 강제

P 또는 DIV 와 같은 블럭 레벨 엘리먼트에만 적용된다.


<p style="page-break-before: always;"> 페이지 넘김 </p>



페이지 여백을 screen, print 에 맞게 설정할 수 도 있다.

@media screen {
body {
margin-top: 10mm;
margin-bottom: 10mm;
margin-left: 0mm;
margin-right: 0mm
}
}

@media print {
body {
margin-top: 50mm;
margin-bottom: 50mm;
margin-left: 20mm;
margin-right: 20mm
}
}




TAG : 홈페이지_페이지넘김 


호가계부 2022-10-19 13:23:01

프린트 가로, 세로 출력 설정 CSS



@page { size: A4 landscape; margin:0; } //A4 가로 출력

@page { size: A4 portrait; margin:0; } //A4 세로 출력

번호 제             목 첨부 작 성 일 작성자 조회
117  

[MySql] 날짜 비교 검색 (오늘, 어제, 한달전...)

   2021-06-01 호가계부 2192
110  

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

(1) 		  2019-09-30 호가계부 112196
106  

CSS3 미디어쿼리 @media 규칙 이해.

   2019-09-09 호가계부 4636
104  

[Android] Chrome Custom Tabs 시작하기

(2) 		  2019-08-17 호가계부 35128
101  

[Android] ERR_CLEARTEXT_NOT_PERMITTED 웹뷰 호출 에러

   2019-08-11 호가계부 2305
89  

MySql 기존 컬럼에 자동증가 속성 변경, 추가 및 초기화

   2018-08-15 호가계부 61227
86  

홈페이지 팝업창 화면 가운데 출력하기

   2018-07-12 호가계부 6957
83  

URL 최대길이

   2015-06-16 호가계부 11039
75  

IE 문서모드

   2014-08-11 호가계부 16162
71  

javascript로 HTML5 에서 재공하는 Placeholder 기능을 구현한다...

 2014-07-03 호가계부 58804
70  

Internet Explorer에서 웹 페이지를 인쇄하거나 인쇄 미리 보기�...

   2014-02-28 호가계부 11322
61  

Apache rewrite Module

   2010-10-12 아파치 287749
58  

보이는대로 캡춰 및 녹화하는 안카메라/안캠코더

   2010-06-10 안소프트 28398
48  

명령 실행창에서 실행할 수 있는 Windows 기본 App. 명령어

   2008-05-24 관리자 47732
34  

[리눅스] cp - 파일복사

(1) 		  2007-04-25 관리자 8736
30  

네이버 툴바 팝업 차단/허용

   2007-04-13 관리자 6080
28  

야후 툴바 팝업 차단/해제

   2007-04-13 관리자 12453
27  

Windows XP에서 팝업 차단/해제

   2007-04-13 관리자 6259
11  

Internet Explorer 6 서비스 팩 1용 누적 보안 업데이트(KB90591...

   2005-12-14 관리자 4010
2  

간단히 윈도우 화면 캡쳐하기

   2005-10-03 관리자 3504
처음으로 앞으로 | [1] | 다음 마지막