Comment utiliser l'attribut CSS page-break-after-tutoriel CSS-php.cn

Comment utiliser l'attribut CSS page-break-after

silencement

Libérer： 2019-05-28 10:00:11

original

3614 Les gens l'ont consulté

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>

Copier après la connexion

Résultats en cours d'exécution

Comment utiliser lattribut CSS page-break-after