CSS 属性

page-break-after 属性指示元素框后是否允许(以及多少)分页符。

此属性的值不是唯一的值。确定分页符是否应位于元素后面的因素。此决定还将受到后续元素的 page-break-before 值以及任何祖先元素的 page-break-inside 值的影响。

属性值

  • auto: 元素框之后不应强制或阻止分页符。

  • always: 在此之后应强制分页符元素的框。

  • avoid: 如果可能的话,不应在元素的框之后放置分页符。

  • left -在元素框后强制一个或两个分页符,这样打印元素的下一页将是左侧页面。

  • right: 强制一个或两个分页符在元素框之后分页,这样打印元素的下一页将是右侧页面。

适用范围

所有块级元素。

示例

这里是示例 -

<html>
   <head> 
   
      <style type = "text/css">
         p {page-break-after: always;}
      </style>
   </head>

   <body>
   
      <p>
        春天最美是黎明。
        东方一点儿一点儿泛着鱼肚色的天空,染上微微的红晕,飘着红紫红紫的彩云。
        秋天最美是黄昏。
        夕阳照西山时,感人的是点点归鸦急急匆匆地朝窠里飞去。
        成群结队的大雁儿,在高空中比翼联飞,更是叫人感动。
        夕阳西沉,夜幕降临,那风声、虫鸣听起来也叫人心旷神怡。
      </p>
      
      <p>
         夏天最美是夜晚。
         明亮的月夜固然美,漆黑漆黑的暗夜,也有无数的萤火虫儿翩翩飞舞。
         即使是蒙蒙细雨的夜晚,也有一只两只萤火虫儿,闪着朦胧的微光在飞行,这情景着实迷人。
         冬天最美是早晨。
         落雪的早晨当然美,就是在遍地铺满白霜的早晨,在无雪无霜的凛冽的清晨,也要生起熊熊的炭火。
         手捧着暖和和的火盆穿过廊下时,那心情儿和这寒冷的冬晨多么和谐啊!只是到了中午,寒气渐退,火盆里的火炭儿,大多变成了一堆白灰,这未免令人有点扫兴儿。
      </p>
     
      
      <button onclick = "myFunction()">打印这个页面</button>
      
      <script>
         function myFunction() {
            window.print();
         }
      </script>
      
   </body>
</html>