HTML/CSS/CSS Attributes and Javascript Style Properties/page break after
insert a page break after an element by using page-break-after:always.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css" media="print">
* .page-break-after {
page-break-after: always;
}
</style>
</head>
<body>
<div class="page-break-after">Page break after this element. </div>
<div class="page-break-after">Page break after this element. </div>
</body>
</html>
"page-break-after" Example
<html>
<body>
<div style="page-break-after:"always";
background-color:#EEEEEE;
width:400;
height:70">
When printing, there will be a page-break after this object.
</div>
</body>
</html>
The default values are page-break-before:auto and page-break-after:auto.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css" media="print">
* .page-break-before {
page-break-before: auto;
}
* .page-break-after {
page-break-after: auto;
}
</style>
</head>
<body>
<div class="page-break-after">Page break after this element. </div>
<div class="page-break-after">Page break after this element. </div>
<div class="page-break-before">Page break before this element.</div>
</body>
</html>