CSS实现强制浏览器分页
互联网 发布时间：2009-04-02 19:33:29 作者：佚名 
我要评论
我要评论网页制作Webjx文章简介：CSS相对比较弱，例如： 自动分页， 就基本没啥实际用途。我们通常需要自己在需要的时候，强制浏览器分页.
虽然webjx.com向大家介绍了很多CSS属性的相关知识，但有些非常冷门的属性还是有所欠缺。在B/
CSS相对比较弱，例如： 自动分页， 就基本没啥实际用途。我们通常需要自己在需要的时候，强制浏览器分页.
虽然jb51.net向大家介绍了很多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样式,特别适用于生成文件类型的页面直接打印使用,需要的朋友可以参考下2015-07-09
- 网页打印效果的实现并不难，下面为大家介绍下如何通过css控制漂亮的网页打印效果，感兴趣的朋友不要错过2013-10-12
- 在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和2009-04-02
- 在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHT2008-10-17
- 这篇文章主要介绍了详解CSS3中@media的实际使用,是CSS3入门学习中的基础知识,需要的朋友可以参考下2015-08-04
- 这篇文章主要介绍了CSS3的media query学习攻略,media query的媒体查询经常被用于设计响应式网页,需要的朋友可以参考下2015-07-21
- 这篇文章主要介绍了详解CSS3中Media Queries的相关使用,是CSS3入门学习中的基础知识,需要的朋友可以参考下2015-07-17
- 最近在做一些页面打印时的特殊处理接触到了media queries，想系统学习一下，在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错，结合自己的使用总结一下2013-08-29
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Media Queries这功能是非常强大的，他可以让你定制不同的分辨率和设备，并在不改变内容的情况下，让你制作的web页面在不同的分辨率和设备下都能显示正常，并且不会因此而丢2013-06-06彻底弄明白CSS3的Media Queries(跨平台设计)
CSS3的Media Queries 完美解决网站与手机跨平台设计.2010-07-27
最新评论