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.

 
<!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>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/page_break_after&oldid=4925»