Maison > interface Web > tutoriel CSS > Explication détaillée du saut de page avant et du saut de page après pour implémenter l'impression de pagination en CSS

Explication détaillée du saut de page avant et du saut de page après pour implémenter l'impression de pagination en CSS

黄舟
Libérer: 2017-07-08 10:36:45
original
3830 Les gens l'ont consulté

Les propriétés CSS

page-break-before et page-break-after ne modifieront pas l'affichage de la page web à l'écran. les propriétés sont utilisées pour contrôler la façon dont les fichiers sont imprimés. Chaque attribut d'impression peut être défini sur 4 valeurs de réglage : auto, toujours, gauche et droite. Parmi eux, Auto est la valeur par défaut. Vous devez définir les sauts de page (Sauts de page) uniquement lorsque cela est nécessaire. Si page-break-before est défini sur toujours, l'imprimante redémarrera une nouvelle page d'impression lorsqu'elle rencontrera un composant spécifique. Si page-break-before est défini sur gauche, les symboles de saut de page seront insérés jusqu'à ce que le composant spécifié apparaisse sur une page vierge laissée. Si page-break-before est défini sur droite, les symboles de saut de page seront insérés jusqu'à ce que le composant spécifié apparaisse sur une page vierge à droite. L'attribut page-break-after ajoutera le symbole de saut de page après le composant spécifié, pas avant. Dans le

programme suivant, vous pourrez voir les paramètres de ces propriétés,

<HTML>
<HEAD>
<TITLE>Listing 14-4</TITLE>
</HEAD>
<BODY>
<DIV>This is the first DIV.</DIV>
<DIV STYLE="page-break-before:always">This is the second DIV.</DIV>
<DIV STYLE="page-break-after:always">This is the third DIV.</DIV>
<DIV>This is the fourth DIV.</DIV>
<DIV STYLE="page-break-before:right">This is the fifth DIV.</DIV>
<DIV STYLE="page-break-after:right">This is the sixth DIV.</DIV>
<DIV>This is the last DIV.</DIV>
</BODY>
</HTML>
Copier après la connexion
valeurs disponibles

Explication détaillée du saut de page avant et du saut de page après pour implémenter limpression de pagination en CSS

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal