page- break-before和page-break-after cssbefore并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值：auto、always、left和 right。其中auto是默认值，只有在有需要时，才需设定before符号 (page breaks)。page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。page- break-before若设定成left，则会插入分页符号，直到指定的组件出现在一个左边的空白页上。page-break-before若设定成 right，则会插入分页符号，直到指定的组件出现在一个右边的空白页上。page-break-after属性会将分页符号加在指定组件后，而非之前。在下列程序中您将可以看到这些属性的设定。
上面的是百度出来的结果
飘红的那一段，遇到特定组件 打印机会重新开始新的打印页
这个特定组件 指的是？
另外这两个的区别是什么，没怎么看懂
Listing 14-4 This is the first DIV.This is the second DIV.This is the third DIV.This is the fourth DIV.This is the fifth DIV.This is the sixth DIV.This is the last DIV.
登录后复制
下面这一段代码也是过了，用的是IE7 打印预览里面效果是一样的
before是在before的前面插入换页符
after是在后面。
你可以使用1.html
h2{page-break-after: always;}1---这个在前1页---
2---这个在前2页---
登录后复制
和2.html
立即学习“前端免费学习笔记（深入）”；
h2{page-break-before: always;}1---这个在前2页---
2---这个在前3页---
登录后复制
进行测试就可以看到打印的效果是不同的了
最直观的就是用例子去理解。
注意，css定义换行是插入在h2 的前面还是插入在h2 后面
CSS 还是自己动手去试试 看看 效果。
以上就是css：page-break-before:always和page-break-after:always的区别的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3122793.html
