Wie kann ich Seitenumbrüche beim Drucken aus Google Chrome erzwingen?-CSS-Tutorial-php.cn

Wie kann ich Seitenumbrüche beim Drucken aus Google Chrome erzwingen?

Barbara Streisand

Freigeben： 2024-12-14 01:36:10

Original

582 Leute haben es durchsucht

How Can I Force Page Breaks When Printing from Google Chrome?

Seitenumbrüche beim Drucken mit Google Chrome

Beim Drucken von Webseiten in Google Chrome kann es erforderlich sein, an bestimmten Stellen Seitenumbrüche zu erzwingen das Dokument. Während die CSS-Eigenschaft page-break-after: immer; Wird häufig empfohlen, stoßen Benutzer häufig auf Schwierigkeiten bei der Implementierung in Chrome.

Um Seitenumbrüche beim Chrome-Drucken effektiv zu erzwingen, sollten Sie den folgenden Ansatz in Betracht ziehen:

<!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>

Nach dem Login kopieren

In diesem Beispiel ist jede Seite gekapselt innerhalb eines

Dem Element ist die Klasse „Seite“ zugewiesen. Die CSS-Medienabfrage zielt auf den Druckkontext ab und gibt an, dass nach Elementen mit der Klasse „page“ ein Seitenumbruch erfolgen soll. Darüber hinaus ist der Page-Break-Inside: Vermeidung; Die Regel verhindert, dass sich Inhalte innerhalb der Seite über mehrere gedruckte Seiten erstrecken.

Durch die Implementierung dieses Ansatzes können Sie sicherstellen, dass Seitenumbrüche an den gewünschten Stellen in Ihren gedruckten Dokumenten auftreten, wenn Sie Google Chrome verwenden.

Das obige ist der detaillierte Inhalt vonWie kann ich Seitenumbrüche beim Drucken aus Google Chrome erzwingen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!