Contrôler la propriété de pagination page-break-after des pages Web en CSS-tutoriel CSS-php.cn

Contrôler la propriété de pagination page-break-after des pages Web en CSS

黄舟

Libérer： 2017-07-08 09:49:32

original

2266 Les gens l'ont consulté

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>

Copier après la connexion

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 en ligne]-Sample Code

: none">

De même, nous pouvons également définir le style d'impression CSS du tableau. Voici un exemple, chaque tableau est imprimé en pages :

[CSS Online] -Sample Code

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

Copier après la connexion

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.

Attention : Chaque méthode est paginée au milieu d'un tableau.

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!