Page-break-before and Page-break-after for paginated printing

The Page-break-before and Page-break-after CSS properties do not modify the display of the page on the screen, and these properties are used to control how the file is printed. Each print property can have 4 sets of settings: Auto, always, left, and right. Where auto is the default value, you only need to set the paging symbol (page breaks) if necessary. If Page-break-before is set to always, the printer restarts a new printed page when a particular component is encountered. If Page-break-before is set to left, a paging symbol is inserted until the specified component appears on a blank page on the right. Page-break-before if set to right, the page symbol is inserted until the specified component appears on a blank page on the left. The Page-break-after property adds the paging symbol to the specified component, not before. In the following

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

<! DOCTYPE html>
 
Available Values 



 
 
 
  
 
   
 
    
value
 
    
Description
 
   
 
   
 
    
Auto
 
    
Insert a page break after the element if necessary
If you need to insert a page separator after an 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 page separators after objects
 
   
 
   
 
    
Left
 
    
Insert page breaks after the element until it reaches a blank left page
Inserts a page break after the object until it reaches a blank left-side page
 
   
 
   
 
    
Right
 
    
Insert page breaks after the element until it reaches a blank right page
Inserts a page break after the object until it reaches a blank right-side page
 
   
 
  
 

 
 

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