作家
登录

CSS实现强制浏览器分页

作者: 来源:www.28hudong.com 2012-11-19 22:42:48 阅读 我要评论

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中。

  推荐阅读

  IE CSS半透明的注意事项

在IE下的半透明层,必须在样式里明确定义宽度或高度,才能出现半透明效果,否则无法半透明,如下复制代码代码如下:<style type="text/css"><!-- .tm { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.>>>详细阅读


本文标题:CSS实现强制浏览器分页

地址:http://www.17bianji.com/kaifa2/CSS/17066.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)