The above is the result of Baidu came out
The red section, encountered a specific component the printer will restart the new printed page
What does this specific component refer to?
What's the difference between the two?
<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 STY Le= "Page-break-before:right" >this is the fifth div.</div> <div style= "Page-break-after:right" >This The sixth div.</div> <div>this is the last div.</div> </BODY> </HTML>
The following section of the code is too, with the IE7 print preview inside the effect is the same
Before is to insert a page break in front of the box model
After is in the back.
You can use 1.html
<style>h2{page-break-after:always;} </style>1and 2.html
<style>h2{page-break-before:always;} </style>1Test to see that the printing effect is different.
The most intuitive is to use examples to understand.
Note that the CSS defines whether the newline is inserted in front of the H2 or inserted behind the H2CSS or do it yourself try to see the effect.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
