Maison > Article > interface Web > Utilisation de l'attribut page-break-after en CSS

Utilisation de l'attribut page-break-after en CSS

黄舟original: 2017-07-08 09:59:211676parcourir

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!

Déclaration：

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

Article précédent：Comment utiliser le saut de page après: toujours ;?Article suivant：Comment utiliser le saut de page après: toujours ;?

Articles Liés

Voir plus