样式：
<style media="print">
.Noprint { DISPLAY: none;}
.PageNext { PAGE-BREAK-AFTER: always }
</style>
注：
①、不需要打印的对象要用上“Noprint”样式。
②、需要换页处理的对象要用上“PageNext”样式。
③、因为最后一页不用加入换页符，所以要控制最后一页不要使用该样式。个人感觉用PAGE-BREAK-BEFORE属性控制第一页要方便一些。
=====================================================================================
page-break-before和page-break-after（来自网络）
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值：auto、always、left和right。
Auto：是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。
page-break-before若设定成always：则是在遇到特定的组件时，打印机会重新开始一个新的打印页。
page-break-before若设定成left：则会插入分页符号，直到指定的组件出现在一个左边的空白页上。
page-break-before若设定成right：则会插入分页符号，直到指定的组件出现在一个右边的空白页上。
page-break-after属性会将分页符号加在指定组件后，而非之前。
设置为left或right 与 设置为alvays究竟有什么区别，上面红色字体的说明看不明白，希望看到贴字的明白人指点一二。
不过用“always”值再加以控制一般的问题都能解决，以下为例子：
<HTML>
<HEAD>
<TITLE>Listing 14-4</TITLE>
</HEAD>
<BODY>
<DIV>This is the first DIV.</DIV>
<DIV STYLE="page-break-before:always">This is the second DIV.</DIV>
<DIV STYLE="page-break-before:always">This is the third DIV.</DIV>
<DIV STYLE="page-break-before:always">This is the fourth DIV.</DIV>
</BODY>
</HTML>
或
<HTML>
<HEAD>
<TITLE>Listing 14-4</TITLE>
</HEAD>
<BODY>
<DIV STYLE="page-break-after:always">This is the first DIV.</DIV>
<DIV STYLE="page-break-after:always">This is the second DIV.</DIV>
<DIV STYLE="page-break-after:always">This is the third DIV.</DIV>
<DIV>This is the fourth DIV.</DIV>
</BODY>
</HTML>
分享到：
相关推荐
CSS控制页面打印，可分页
div+css百分比表格+DIV+CSS+JS静态分页程序+DIV+CSS像素表格 百分比表格(用DIV+CSS)以百分比显示，可以根据窗口的大小自动调节所显示的大小！ DIV+CSS+JS静态分页程序可兼容主流浏览器（IE、FF、Opera） DIV+CSS表格...
CSS,DIV,分页，导航，配色 CSS,DIV,分页，导航，配色 CSS,DIV,分页，导航，配色
html+css实现简单分页页码效果源码，尚且没有复杂的后台，给前端新手学习之用
1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览默认，自定义内容、样式、位置 6.保持页脚...
原生js+css分页
很漂亮的一些分页样式,带css和源码,可直接修改使用
CSS实现分页效果
这次我们要来看一款纯CSS3实现的响应式分页插件，对于分页插件，之前我们也分享过一些，都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式，包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的...
30种CSS分页效果配色方案30种CSS分页效果配色方案
CSS样式控制页面布局，图片放置用DIV控制大小，里面有些CSS的写法以供学习
Div+Css分页插件
css3分页导航是一款基于css3实现的动画分页导航效果。 css3分页导航演示图：
利用CSS样式进行对分页效果进行美化，主要是为了美观，对分页效果，使用cSS样式
各种分页样式 分页风格 分页css 分页cs.htm
该资源包含有pagination.css与pagination.js,使用分页可以快速的完成分页
jQuery分页插件结合CSS3实现个性分页代码特效
24种非常漂亮的分页css样式,非常值得研究，各种分页效果均有，而且非常的好看，具有一定的技术含量。
打印指定div的插件并不多，使用JPrintArea进行指定div打印也并不好控制，此段js代码是在他人基础上融入了自己的想法，经过测试，纸张打印出来的样式在多个浏览器（ie6、ie7、ie8、火狐、谷歌）上可以做到基本统一，...
精选多款DIV+CSS分页样式源码，css分页样式源码