Heim >Web-Frontend >CSS-Tutorial >Verwendung des Page-Break-After-Attributs in CSS
Verwendung des Page-Break-After-Attributs in CSS
- 黄舟Original
- 2017-07-08 09:59:211729Durchsuche
Kennen Sie die Verwendung des Attributs „page-break-after“ in CSS2.0? Hier finden Sie eine kurze Beschreibung für das Attribut „page-break-after“ in CSS und erben usw. Es gibt mehrere Optionen. Bitte sehen Sie sich unten deren spezifische Verwendung an.
Verwendung des Attributs „page-break-after“ in CSS2.0page-break-after ist ein CSS-Attribut, das zum Festlegen der Druck-Paginierung in CSS verwendet wird und alle Browser unterstützt Gerät.
page-break-after hat die folgenden Optionen: ◆automatische Standardeinstellung. Fügen Sie bei Bedarf einen Seitenumbruch nach dem Element ein. ◆Fügen Sie immer einen Seitenumbruch nach einem Element ein. ◆avoid vermeidet das Einfügen von Seitenumbrüchen nach Elementen. ◆leftNach dem Element gibt es genügend Seitenumbrüche, bis eine leere linke Seite entsteht. ◆rightNach dem Element gibt es genügend Seitenumbrüche, bis eine leere rechte Seite entsteht. ◆inherit gibt an, dass die Einstellung despage-break-after-Attributs vom übergeordneten Element geerbt werden soll.
Unsere am häufigsten verwendeten Paging-Tags sind: Beispielcode:<divstyledivstyle="page-break-after:always"> <spanstylespanstyle="display:none"> </span> </div>Ebenso können wir auch den CSS-Druckstil der
Tabelle festlegen . Das Folgende ist ein Beispiel, jede Tabelle wird in Seiten gedruckt:
Beispielcode<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>Im obigen Beispiel werden die Daten der beiden Tabellen in der Druckvorschau auf 2 Seiten aufgeteilt Gedruckt ist dies der Effekt der Verwendung des Attributs „Seitenumbruch danach“. Das obige ist der detaillierte Inhalt vonVerwendung des Page-Break-After-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!