풍선도움말...

호가계부를 시작페이지로

은행 카드 증권 보험 부동산

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

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

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

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 세로 출력

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

[javascript] select potion 제어 변수들

  2022-10-17 호가계부 18
123  

[리눅스] gzip 압축풀기

  2022-09-17 호가계부 20
122  

[php] 날짜 계산 예제

  2022-07-25 호가계부 56
121  

[엑셀] 셀에 날짜 입력 단축키

  2022-06-30 호가계부 65
120  

[html5] 스마트폰 웹브라우저 상단바 없애는 방법

  2022-05-18 호가계부 87
119  

[html5] datalist 사용법

(1)
2022-02-03 호가계부 130
118  

[Android] android studio 설치 및 셋팅

(2)
2021-06-05 호가계부 464
117  

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

  2021-06-01 호가계부 1169
116  

phpMyAdmin 설치 및 오류 해결

(2)
2021-04-26 호가계부 31665
115  

MS 엣지 강력한 새로고침

(1)
  2020-11-12 호가계부 491
114  

cURL 사용법

(6)
  2020-05-16 호가계부 3246
113  

[Javascript] 숫자를 글자로 바꿔주는 자바스크립트

(1)
  2020-03-11 호가계부 714
112  

[엑셀] 셀을 클릭하면 설명 메시지를 팝업 시키는 방법

(1)
2019-11-07 호가계부 4035
111  

[Javascript] confirm 클릭 확인받기

  2019-10-09 호가계부 21911
110  

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

(1)
  2019-09-30 호가계부 110178
109  

[javascript] window.open으로 오픈한 자식창에서 부모창 태그 ...

  2019-09-27 호가계부 1728
108  

[jQuery] 익스플로러 외 날짜 입력박스 사용하기(input type dat...

(1)
2019-09-23 호가계부 259986
107  

[JavaScript] 스크롤할때 메뉴바 상단에 고정하기

(1)
  2019-09-11 호가계부 4645
106  

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

  2019-09-09 호가계부 4597
105  

[엑셀] 특정 자릿수 숫자 반올림

  2019-08-22 호가계부 1478
처음으로 앞으로 | [1] 2 3 4 5 6 | 다음 마지막