Google Chrome 인쇄에서 페이지 나누기를 안정적으로 강제하려면 어떻게 해야 합니까?-CSS 튜토리얼-php.cn

Google Chrome 인쇄에서 페이지 나누기를 안정적으로 강제하려면 어떻게 해야 합니까?

Patricia Arquette

풀어 주다： 2024-12-10 02:29:12

원래의

942명이 탐색했습니다.

How Can I Reliably Force Page Breaks in Google Chrome Printing?

Google Chrome 인쇄 시 페이지 나누기

반대 주장에도 불구하고 "page-break-after: Always;" CSS 속성은 Google Chrome에서 페이지 나누기를 강제하지 못하는 경우가 많습니다. 이 문제를 해결하려면 Chrome을 포함한 모든 주요 브라우저에서 효과적인 것으로 입증된 보다 강력한 접근 방식을 사용하는 것이 좋습니다.

제안된 솔루션에는 "페이지" 클래스를 활용하여 페이지를 제어하는 사용자 정의 인쇄 미디어 CSS 규칙을 만드는 것이 포함됩니다. 휴식. 다음 코드 조각은 이 접근 방식을 보여줍니다.

<!DOCTYPE html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Paginated HTML</title>
    <style type="text/css" media="print">
      div.page {
        page-break-after: always;
        page-break-inside: avoid;
      }
    </style>
  </head>
  <body>
    <div class="page">
      <h1>This is Page 1</h1>
    </div>
    <div class="page">
      <h1>This is Page 2</h1>
    </div>
    <div class="page">
      <h1>This is Page 3</h1>
    </div>
  </body>
</html>

로그인 후 복사

"페이지" 클래스를 활용하면 이 방법을 통해 문서 내 페이지 나누기를 정확하게 제어할 수 있습니다. "페이지" div의 각 인스턴스는 별도의 페이지를 나타내므로 인쇄 시 안정적인 페이지 나누기가 가능합니다. 이 솔루션은 각 페이지에 특정 요소가 포함되어야 하는 페이지가 매겨진 문서에 특히 유용합니다.

위 내용은 Google Chrome 인쇄에서 페이지 나누기를 안정적으로 강제하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!