Maison >interface Web >tutoriel CSS >Utilisation de l'attribut page-break-after en CSS
Utilisation de l'attribut page-break-after en CSS
- 黄舟original
- 2017-07-08 09:59:211728parcourir
Connaissez-vous l'utilisation de l'attribut page-break-after dans CSS2.0. Voici une brève description pour vous. L'attribut page-break-after en CSS inclut la valeur automatique par défaut, toujours à éviter. et hériter, etc. Il existe plusieurs options, veuillez consulter leur utilisation spécifique ci-dessous.
Utilisation de l'attribut page-break-after dans CSS2.0
page-break-after est un attribut CSS utilisé pour définir l'impression de la pagination en CSS, prenant en charge tous les navigateurs appareil.
page-break-after a les options suivantes :
◆auto par défaut. Insérez un saut de page après l'élément si nécessaire.
◆Insérez toujours un saut de page après un élément.
◆évitez d'insérer des sauts de page après les éléments.
◆leftAprès l'élément, il y a suffisamment de sauts de page jusqu'à une page gauche vierge.
◆rightAprès l'élément, il y a suffisamment de sauts de page jusqu'à une page de 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 :
Exemple de code :
<divstyledivstyle="page-break-after:always"> <spanstylespanstyle="display:none"> </span> </div>
De même, nous pouvons également définir le style d'impression CSS du table . Voici un exemple, chaque tableau est imprimé en pages :
Exemple de code
<html>
<head>
<style>
@mediaprint
{
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, les données des deux tableaux sont séparées en 2 pages dans l'aperçu avant impression Imprimé, 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!