Maison >interface Web >tutoriel CSS >Contrôler la propriété de pagination page-break-after des pages Web en CSS
Contrôler la propriété de pagination page-break-after des pages Web en CSS
- 黄舟original
- 2017-07-08 09:49:322265parcourir
page-break-before et page-break-after CSS propriétés ne modifient pas l'affichage des pages web à l'écran. Ces deux propriétés permettent de contrôler l'impression des pages web. fichiers. 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 attributs<HTML> <HEAD> <TITLE>Listing 14-4</TITLE> </HEAD> <BODY> <p>This is the first p.</p> <p STYLE="page-break-before:always">This is the second p.</p> <p STYLE="page-break-after:always">This is the third p.</p> <p>This is the fourth p.</p> <p STYLE="page-break-before :right ">This is the fifth p.</p> <p STYLE="page-break-after:right">This is the sixth p.</p> <p>This is the last p.</p> </BODY> </HTML>page-break-after est utilisé pour définir la pagination d'impression en CSS. attribut css, prend en charge tous les navigateurs. page-break-after a les options suivantes : auto default. Insérez un saut de page après l'élément si nécessaire.
insère toujours un saut de page après l'élément.
évitez d'insérer des sauts de page après les éléments.
gauche Sauts de page suffisants après l'élément, jusqu'à une page gauche vierge.
droite Des sauts de page suffisants après l'élément, jusqu'à une page droite vierge.
inherit spécifie que le paramètre de l'attribut
page-break-after doit être hérité de l'élément parent . Nos balises de pagination couramment utilisées sont :
[CSS Online] -Sample Code100db36a723c770d327fc0aef2ce13b1
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>
<body>
<table><tr><td>第一个表格</td></tr><tr><td>第一个表格</td></tr></table>
<table><tr><td>第二个表格</td></tr><tr><td>第二个表格</td></tr></table>
</body>
</html>Dans l'exemple ci-dessus, The les données des deux tableaux sont imprimées séparément sur deux pages dans l'aperçu avant impression. C'est l'effet de l'utilisation de l'attribut page-break-after.
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!