Maison >interface Web >tutoriel CSS >Comment puis-je forcer de manière fiable les sauts de page dans l'impression Google Chrome ?
Comment puis-je forcer de manière fiable les sauts de page dans l'impression Google Chrome ?
- Patricia Arquetteoriginal
- 2024-12-10 02:29:12924parcourir
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>
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!