CSS实现强制浏览器分页

站长资源 2025/1/16 佚名

2 0 1

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

浏览器,强制,实现,<,使用,打印,分割,一个,元素,需要

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“CSS实现强制浏览器分页”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月16日

CSS实现强制浏览器分页

CSS教程:背景background属性应用

CSS教程：彻底弄懂闭合浮动元素

评论“CSS实现强制浏览器分页”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接