Heim > Web-Frontend > CSS-Tutorial > Detaillierte Erläuterung von Seitenumbruch vor und Seitenumbruch nach der Implementierung des Seitendrucks in CSS

Detaillierte Erläuterung von Seitenumbruch vor und Seitenumbruch nach der Implementierung des Seitendrucks in CSS

黄舟
Freigeben: 2017-07-08 10:36:45
Original
3828 Leute haben es durchsucht

Die CSS-Eigenschaften

page-break-before und page-break-after verändern die Anzeige der Webseite auf dem Bildschirm nicht Eigenschaften werden verwendet, um zu steuern, wie Dateien gedruckt werden. Für jedes Druckattribut können 4 Einstellungswerte festgelegt werden: automatisch, immer, links und rechts. Unter diesen ist „Auto“ der Standardwert. Sie müssen die Seitenumbrüche (Seitenumbrüche) nur bei Bedarf festlegen. Wenn „page-break-before“ auf „Immer“ eingestellt ist, startet der Drucker eine neue Druckseite, wenn er auf eine bestimmte Komponente trifft. Wenn page-break-before auf left gesetzt ist, werden Seitenumbruchsymbole eingefügt, bis die angegebene Komponente auf einer linken leeren Seite erscheint. Wenn page-break-before auf right gesetzt ist, werden Seitenumbruchsymbole eingefügt, bis die angegebene Komponente auf einer leeren Seite rechts erscheint. Das Attribut „page-break-after“ fügt das Seitenumbruchsymbol nach der angegebenen Komponente ein, nicht davor. Im folgenden Programm können Sie die Einstellungen dieser Eigenschaften sehen,

verfügbare Werte

<HTML>
<HEAD>
<TITLE>Listing 14-4</TITLE>
</HEAD>
<BODY>
<DIV>This is the first DIV.</DIV>
<DIV STYLE="page-break-before:always">This is the second DIV.</DIV>
<DIV STYLE="page-break-after:always">This is the third DIV.</DIV>
<DIV>This is the fourth DIV.</DIV>
<DIV STYLE="page-break-before:right">This is the fifth DIV.</DIV>
<DIV STYLE="page-break-after:right">This is the sixth DIV.</DIV>
<DIV>This is the last DIV.</DIV>
</BODY>
</HTML>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Seitenumbruch vor und Seitenumbruch nach der Implementierung des Seitendrucks in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage