CSS를 사용하여 HTML 페이지의 인쇄 여백을 설정할 수 있습니까?

HTML 페이지 인쇄 시 여백 설정

HTML 페이지 인쇄 시 인쇄물이 일치하도록 왼쪽 및 오른쪽 여백을 조정해야 할 수도 있습니다. 프린터에서 정의한 여백에 맞게 설정하세요.

인쇄 여백을 설정할 수 있나요? CSS 스타일 시트?

예, CSS 스타일 시트에서 cm 또는 mm 단위를 사용하여 페이지 여백을 설정할 수 있습니다. 예를 들면 다음과 같습니다.

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

cm 또는 mm를 사용하면 화면 해상도에 상관없이 용지의 여백 크기가 일정하게 유지됩니다.

추가 고려 사항:

• 글꼴 크기: 인쇄 시 글꼴 크기는 "pt" 단위를 사용하세요. media.
• 브라우저 여백 조정: 브라우저 여백 설정(브라우저 또는 인쇄 드라이버로 제어)은 CSS 여백을 재정의할 수 있습니다. @page 지시어를 사용하여 머리글, 바닥글, 여백과 같은 브라우저 인쇄 옵션을 비활성화할 수 있습니다.
• Internet Explorer 조정: IE7 이상에서는 콘텐츠에 맞게 여백을 자동으로 조정합니다. 이를 재정의하려면 인쇄 미리 보기에서 인쇄 크기를 100%로 설정하십시오.
• @page 지시어: HTML 본문 요소 외부에 여백을 설정하여 용지 여백 자체에 영향을 미치도록 하려면 @page 지시문을 사용하십시오. . 그러나 이 지시어는 Safari에서 작동하지 않을 수 있습니다.

body 및 @page 지시어 사용 예:

<code class="css">body {
  margin: 0px;  /* Margin for content within the HTML body */
}

@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;  /* Margin for paper outside the body */
}</code>

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