Page-break-after Property usage in CSS

Do you know the Page-break-after attribute usage in CSS2.0, here to you briefly describe, CSS Page-break-after property has auto default, Always,avoid and inherit, and so on a few options, see their specific usage introduction.

Page-break-after attribute usage in CSS2.0

Page-break-after is the CSS property used in CSS to set the print paging, and supports all browsers.

Page-break-after has the following options:

Auto Default. If necessary, insert a page break after the element.

Always inserts a page break after the element.

Avoid avoid inserting page breaks after the element.

Left has enough page breaks after the element to go up to a blank page.

Right has enough page breaks after the element to go up to the left of a blank page.

Inherit specifies that the settings for the Page-break-after property should be inherited from the parent element.

The page tabs we use are:

Example code:

<divstyledivstyle= "Page-break-after:always" > <spanstylespanstyle= "Display:none" >&nbsp;</span > </div>

Also, we can set the CSS print style for the table. Here is an example, where each table is printed on a paginated page:

Sample code

In the above example, two tables of data are printed separately on 2 pages in print Preview, which is the effect of using the Page-break-after property.