HTML/CSS/CSS Attributes and Javascript Style Properties/page break after

Материал из Web эксперт
Перейти к: навигация, поиск

insert a page break after an element by using page-break-after:always.

   <source lang="html4strict">

<!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>

Page break after this element.
Page break after this element.

</body> </html>

</source>
   
  


"page-break-after" Example

   <source lang="html4strict">
   

<html> <body>

    When printing, there will be a page-break after this object.

</body> </html>


     </source>
   
  


The default values are page-break-before:auto and page-break-after:auto.

   <source lang="html4strict">

<!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>

Page break after this element.
Page break after this element.
Page break before this element.

</body> </html>

</source>