CSS实现WEB页面强制分页打印的方法

发布时间:2019-11-21编辑:脚本学堂
本文介绍应用CSS的page-break-after属性 实现WEB页面强制分页打印。可以参考一下。



对打印页面的控制,CSS相对比较弱,例如: 自动分页, 就基本没啥实际用途。我们通常需要自己在需要的时候,强制浏览器分页,
这时可以使用以下样式:
 

复制代码 代码示例:
﹤style type="text/css"﹥.w3cbbs { page-break-after:always;}
﹤/style﹥

auto :对页面分割没有影响。

always:强制在元素后出现页分割符。

avoid :避免在元素后出现页分割符。

left :在元素后面插入页分割符直到它到达一个空白的左页边。

right :在元素后面插入页分割符直到它到达一个空白的右页边。

inherit :使用与父元素相同的属性值。

web打印分页时,在需要分页的地方可以插入标签

复制代码 代码示例:
﹤p class="w3cbbs"﹥﹤/p﹥,或﹤div class="w3cbbs"﹥﹤/div﹥即可!

使用的时候,可能会碰到IE能正常分页,但Firefox却达不到此效果。通过分析发现,在Firefox中使用page-break-after属性时,
不能将所有的打印内容都放在一个表中。也就是说Firefox是不能将表断开的。所以在Firefox中使用page-break-after进行分页打印,
不要将打印的内容放在一个表中,可以将内容放在一个DIV中。
 
通过以上讲解是否已明白。不清楚请查看更多有关内容。