Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Seitenumbrüche beim Drucken aus Google Chrome erzwingen?
Wie kann ich Seitenumbrüche beim Drucken aus Google Chrome erzwingen?
- Barbara StreisandOriginal
- 2024-12-14 01:36:10581Durchsuche
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>
In diesem Beispiel ist jede Seite gekapselt innerhalb eines
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!