Using the Page-break-after property in CSS to implement Web page forced pagination printing

Although dedecms.com to introduce a lot of CSS properties related knowledge, but some very unpopular properties are still deficient. In the B/S program, the control of the printed page, CSS is relatively weak, for example: automatic paging, basically no practical use. We usually need to force the browser to page out when we need it, and we can use the following styles:

Sample code

[Www.dedecms.com]<style type= "Text/css" >. W3cbbs {page-break-after:always;} </style>

Auto: Has no effect on page segmentation.
Always: Forces the page break to appear after the element.
Avoid: Avoid page breaks after elements.
Left: Inserts a page break after the element until it reaches a blank, open page edge.
Right: Insert a page break after the element until it reaches a blank, left-side page.
Inherit: Uses the same property value as the parent element.

When Web pages are printed, labels can be inserted where paging is required

Sample code

[Www.dedecms.com]<p class= "W3cbbs" ></P>

Or

<p class= "W3cbbs" ></p>

Can!
But in use, may encounter the IE can be normal paging, but Firefox has no effect. The analysis found that when using the Page-break-after property in Firefox, it was not possible to place all of the printed content in a single table. This means that Firefox cannot break the table. So in Firefox use Page-break-after for page printing, to avoid placing the printed content in a table, the alternative method can put the content in a p.