css3 中有一个属性: page-break-after ,该属性常用来为页面打印时设置分页符。(需要注意的是,用该属性之后,相应的div中不允许为空,也 就是 说div中必须要有内容)
用法:
.group{
page-break-after: always;
}
<div class='group'></div>
<div class='group'></div>
效果如下:
page-break-after 的其他功能:
如果你认为该属性只有一个always一个值就错啦,它总共有8个值。
- auto :默认值, 没有分页符,不分页
- always:添加分页符,独立占用一页
- avoid:避免分页符,在该div之后一个div不允许有分页符
- left:在对象后面插入页分割符使它格式化为一个左页
- right:在对象后面插入页分割符使它格式化为一个左页
- recto:(实验性的值,请不要使用它)如果页面从左到右进行,则类似于 left 值。如果页面从右向左移动,则类似于 right值。
- verso:(实验性的值,请不要使用它)如果页面从左到右进行,则类似于 right 值。如果页面从右向左移动,则类似于 left值。
- null :用来取消分页符,一般用于 ie5