Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Attribut „page-break-after“.
So verwenden Sie das CSS-Attribut „page-break-after“.
- silencementOriginal
- 2019-05-28 10:00:113540Durchsuche
Definition und Verwendung des CSS-Attributs „page-break-after“
In CSS wird das Attribut „page-break-after“ verwendet, um das Einfügen von Elementen anzugeben Ein späterer Seitenumbruch wird normalerweise für nicht schwebende Elemente auf Blockebene verwendet, deren Positionsattributwert relativ (relative Positionierung) oder statisch (Standardpositionierung) ist. Dieses Attribut kann nicht für absolut positionierte Elemente (Positionswert ist absolut oder fest) verwendet werden.
Das CSS-Attribut „page-break-after“ wird im Allgemeinen nicht häufig verwendet. Es wird empfohlen, das Paging-Attribut so wenig wie möglich zu verwenden und die Verwendung des Paging-Attributs in Tabellen, schwebenden Elementen und Blockelementen mit Rahmen zu vermeiden.
CSS-Seitenumbruch-nach-Attribut-Syntaxformat
CSS-Syntax: Seitenumbruch-nach:auto/always/avoid/left/right/inherit
JavaScript-Syntax: object.style.pageBreakAfter="always"
Attributwertbeschreibung
Auto: Fügen Sie bei Bedarf einen Seitenumbruch nach dem Element ein (Standard)
immer: Seitenumbruch nach dem Element einfügen
vermeiden: Seitenumbruch nach dem Element vermeiden
links: Ausreichender Seitenumbruch nach dem Element, oben bis Bis eine leere linke Seite entsteht
rechts: genügend Seitenumbrüche nach dem Element, bis eine leere rechte Seite entsteht
erben: erbt das Attribut „Seitenumbruch nach“ von den Einstellungen des übergeordneten Elements
Instanz
<!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>Laufergebnisse
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Attribut „page-break-after“.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!