HTML 페이지 인쇄를 위한 여백을 설정하는 방법은 무엇입니까?

HTML 페이지 인쇄 시 여백 설정 방법

별도의 스타일 시트를 사용하여 인쇄할 경우 여백을 조정하는 것이 중요합니다. 종이에 최적의 프레젠테이션. 그러나 스타일 시트에서 여백을 올바르게 설정하는 방법이 항상 명확하지는 않습니다. 일관된 여백을 보장하려면 인쇄를 지정할 때 센티미터(cm) 또는 밀리미터(mm)와 같은 절대 단위를 사용하는 것이 중요합니다.

예를 들어 문서의 모든 면에 25mm의 여백을 설정하려면 다음과 같이 하세요.

body {
  margin: 25mm 25mm 25mm 25mm;
}

여백에 픽셀을 사용하면 브라우저가 이를 화면 기반으로 변환하므로 불일치가 발생할 수 있습니다.

글꼴 크기는 인쇄 매체에서 포인트(pt)를 사용하세요.

CSS 스타일의 body 요소에 여백을 설정해도 프린터 드라이버 또는 브라우저. 인쇄 가능 영역 내에서 문서의 여백을 조정합니다.

인쇄된 여백을 완벽하게 제어하려면 @page 지시어를 사용하여 용지 여백을 설정하세요. 이는 HTML 본문 요소 외부의 여백에 영향을 미치며 일반적으로 브라우저에 의해 제어됩니다.

다음은 @page 지시어를 사용하는 예입니다.

@page {
    size: auto;
    margin: 25mm 25mm 25mm 25mm;
}

body {
    margin: 0px;
}

이 기술은 Safari를 제외한 모든 주요 브라우저에서 작동합니다. . Internet Explorer의 경우 사용자는 인쇄 미리 보기 설정에서 여백을 조정할 수 있습니다.

또한 IE7은 페이지에 맞게 인쇄 크기를 자동으로 조정하므로 구성된 여백이 혼란스러울 수 있습니다. 이 동작을 재정의하려면 사용자는 인쇄 미리보기에서 인쇄 크기를 100%로 설정해야 합니다.

위 내용은 HTML 페이지 인쇄를 위한 여백을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!