Comment puis-je forcer de manière fiable les sauts de page dans l'impression Google Chrome ?-tutoriel CSS-php.cn

Comment puis-je forcer de manière fiable les sauts de page dans l'impression Google Chrome ?

Patricia Arquette

Libérer： 2024-12-10 02:29:12

original

929 Les gens l'ont consulté

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

Sauts de page dans l'impression Google Chrome

Malgré les affirmations contraires, le « saut de page après : toujours ; » La propriété CSS ne parvient souvent pas à forcer les sauts de page dans Google Chrome. Pour résoudre ce problème, envisagez d'utiliser une approche plus robuste qui s'est avérée efficace sur tous les principaux navigateurs, y compris Chrome.

La solution suggérée consiste à créer une règle CSS de support d'impression personnalisée qui utilise la classe "page" pour contrôler la page. pauses. L'extrait de code suivant illustre cette approche :

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

Copier après la connexion

En utilisant la classe "page", cette méthode garantit un contrôle précis sur les sauts de page dans le document. Chaque instance du div « page » représente une page distincte, ce qui entraîne des sauts de page fiables lors de l'impression. Cette solution est particulièrement utile pour les documents paginés où chaque page doit contenir des éléments spécifiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!