CSS如何实现强制浏览器分页

工作是一种乐趣时,生活是一种享受!工作是一种义务时,生活则是一种苦役。对待平凡的工作要用不平凡的态度去面对。

CSS相对比较弱,例如: 自动分页, 就基本没啥实际用途。我们通常需要自己在需要的时候,强制浏览器分页.
 虽然haodaima.com向大家介绍了很多CSS属性的相关知识,但有些非常冷门的属性还是有所欠缺。在B/S程序中,对打印页面的控制,CSS相对比较弱,例如: 自动分页, 就基本没啥实际用途。我们通常需要自己在需要的时候,强制浏览器分页,这时可以使用以下样式:
<style type="text/css">
  .jb51com { page-break-after:always;}
</style>
  auto :对页面分割没有影响。
  always:强制在元素后出现页分割符。
  avoid :避免在元素后出现页分割符。
  left :在元素后面插入页分割符直到它到达一个空白的左页边。
  right :在元素后面插入页分割符直到它到达一个空白的右页边。
  inherit :使用与父元素相同的属性值。
  web打印分页时,在需要分页的地方可以插入标签
<p class="jb51com"></p>,

<div class="jb51com"></div>
即可!
  但在使用的时候,可能会碰到IE能正常分页,但Firefox却没有任何效果。经过分析发现,在Firefox中使用page-break-after属性时,不能像所有的打印内容都放在一个表中。也就是说Firefox是不能将表断开的。所以在Firefox中使用page-break-after进行分页打印,要避免将打印的内容放在一个表中,取代的方法可以将内容放在一个DIV中。

本文CSS如何实现强制浏览器分页到此结束。快乐的人不是没有痛苦,而是不会被痛苦所左右。人生难免会和痛苦不期而遇,其实痛苦并不可怕,可怕的是内心背叛自己。整理一下自己的心情,忘记那些不愉快的往事,听听音乐,弹弹钢琴,看看风景,说能说的话,做个单纯的人,走幸福的路。带上微笑,和快乐一起出发吧。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例