Maison >interface Web >tutoriel CSS >Comment utiliser l'attribut CSS page-break-after

Comment utiliser l'attribut CSS page-break-after

silencement
silencementoriginal
2019-05-28 10:00:113630parcourir

Comment utiliser l'attribut CSS page-break-after

Définition et utilisation de l'attribut css page-break-after

En CSS, l'attribut page-break-after est utilisé pour spécifier des éléments Insertion un saut de page ultérieur est généralement utilisé sur des éléments de niveau bloc non flottants dont la valeur de l'attribut de position est relative (positionnement relatif) ou statique (positionnement par défaut). Cet attribut ne peut pas être utilisé sur des éléments en position absolue (la valeur de position est absolue ou fixe).

L'attribut css page-break-after n'est généralement pas couramment utilisé. Il est recommandé d'utiliser le moins possible l'attribut paging et d'éviter d'utiliser l'attribut paging dans les tableaux, les éléments flottants et les éléments de bloc avec des bordures.

format de syntaxe d'attribut CSS page-break-after

syntaxe CSS : saut de page-après :auto/always/avoid/left/right/inherit

Syntaxe JavaScript : object.style.pageBreakAfter="always"

Description de la valeur de l'attribut

auto : insérer un saut de page après l'élément si nécessaire (Par défaut)

toujours : insérer un saut de page après l'élément

éviter : éviter d'insérer un saut de page après l'élément

à gauche : un saut de page suffisant après l'élément, jusqu'à ce qu'il reste un espace vide page

droite : suffisamment de sauts de page après l'élément, jusqu'à ce qu'une page droite vierge

hériter : hérite de l'attribut page-break-after de l'élément parent Paramètres

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css page-break-after属性插入分页符</title>
<style type="text/css">
p{page-break-after:always;}
</style>
</head>
<body>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
</body>
</html>

Résultats en cours d'exécution

Comment utiliser lattribut CSS 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