Page-break-before and Page-break-after to achieve paging printing

The Page-break-before and Page-break-after CSS properties do not modify the on-screen display of the page, which controls how the file is printed. Each print property can have 4 set values: Auto, always, left, and right. Where auto is the default, you need to set the paging symbol (page breaks) only if necessary. If the Page-break-before is set to always, the printer will restart a new printed page when it encounters a specific component. If Page-break-before is set to left, the paging symbol is inserted until the specified component appears on a blank page on the left-hand side. If Page-break-before is set to right, the paging symbol is inserted until the specified component appears on a blank page on the right-hand side. The Page-break-after property adds a paging symbol after the specified component, not before. In the following

You will be able to see the settings for these properties in your program:

<! DOCTYPE html>
 
Available Values 



 
 
 
  
 
   
 
    
value
 
    
Description
 
   
 
   
 
    
Auto
 
    
Insert a page break after the element if necessary
If you need to insert a page break after the object
 
   
 
   
 
    
Always
 
    
Insert a page break after the element
Always insert a page break after an object
 
   
 
   
 
    
Avoid
 
    
Avoid inserting a page break after the element
Avoid inserting a page break after an object
 
   
 
   
 
    
Left
 
    
Insert page breaks after the element until it reaches a blank left page
Insert a page break after the object until it reaches a blank left margin
 
   
 
   
 
    
Right
 
    
Insert page breaks after the element until it reaches a blank right page
Insert a page break after the object until it reaches a blank right margin
 
   
 
  
 

 
 

 
Reprint Address: http://blog.163.com/fan_yishan/blog/static/4769221320091043619358/