Verwendung des Page-Break-After-Attributs in CSS-CSS-Tutorial-php.cn

Verwendung des Page-Break-After-Attributs in CSS

黄舟

Freigeben： 2017-07-08 09:59:21

Original

1673 Leute haben es durchsucht

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.0

page-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 des

page-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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!