Maison > interface Web > tutoriel CSS > Utilisez l'attribut page-break-after en CSS pour implémenter l'impression de pagination forcée des pages WEB

Utilisez l'attribut page-break-after en CSS pour implémenter l'impression de pagination forcée des pages WEB

黄舟
Libérer: 2017-07-08 09:56:07
original
2296 Les gens l'ont consulté

Bien que dedecms.com vous ait fait découvrir de nombreuses connaissances sur les propriétés CSS , certaines propriétés très impopulaires font encore défaut. Dans les programmes B/S, CSS est relativement faible pour contrôler l'impression des pages. Par exemple, la pagination automatique n'a fondamentalement aucune utilité pratique. Nous devons généralement forcer le navigateur à paginer lorsque cela est nécessaire. Dans ce cas, nous pouvons utiliser le style suivant :

Exemple de code

 [www.dedecms.com]<style type="text/css">
  .w3cbbs { page-
break
-after:always;}
</style>
Copier après la connexion

Auto : n'a aucun effet sur le fractionnement des pages.
toujours : Force le séparateur de page à apparaître après l'élément.
Éviter : évitez le séparateur de page après l'élément.
 left : Insère un saut de page après l'élément jusqu'à ce qu'il atteigne une marge gauche vide.
 right : Insère un saut de page après l'élément jusqu'à ce qu'il atteigne une marge droite vide.
Hériter : utilisez la même valeur d'attribut que l'élément parent.

Lorsque l'impression Web est paginée, vous pouvez insérer des balises

exemple de code

 [www.dedecms.com]<p class="w3cbbs"></p>,
Copier après la connexion

ou

<p class="w3cbbs"></p>
Copier après la connexion


C'est il!
Mais en l'utilisant, vous constaterez peut-être qu'IE peut paginer normalement, mais Firefox n'a aucun effet. Après analyse, il a été constaté qu'en utilisant l'attribut page-break-after dans Firefox, il n'est pas possible de mettre tout le contenu imprimé dans un tableau. En d'autres termes, Firefox ne peut pas déconnecter la table. Par conséquent, lorsque vous utilisez page-break-after pour l'impression de pagination dans Firefox, vous devez éviter de placer le contenu imprimé dans un tableau. La méthode alternative peut consister à placer le contenu dans un p.

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:
web
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