学无先后,达者为师

网站首页 编程语言 正文

【css】page-break-after 页面打印分页属性

作者:让时光到此为止。 更新时间: 2022-03-03 编程语言

css3 中有一个属性: page-break-after ,该属性常用来为页面打印时设置分页符。(需要注意的是,用该属性之后,相应的div中不允许为空,也 就是 说div中必须要有内容)
用法:

.group{
	page-break-after: always;
}
<div class='group'></div>
<div class='group'></div>

效果如下:
在这里插入图片描述
page-break-after 的其他功能:

如果你认为该属性只有一个always一个值就错啦,它总共有8个值。

  1. auto :默认值, 没有分页符,不分页
  2. always:添加分页符,独立占用一页
  3. avoid:避免分页符,在该div之后一个div不允许有分页符
  4. left:在对象后面插入页分割符使它格式化为一个左页
  5. right:在对象后面插入页分割符使它格式化为一个左页
  6. recto:(实验性的值,请不要使用它)如果页面从左到右进行,则类似于 left 值。如果页面从右向左移动,则类似于 right值。
  7. verso:(实验性的值,请不要使用它)如果页面从左到右进行,则类似于 right 值。如果页面从右向左移动,则类似于 left值。
  8. null :用来取消分页符,一般用于 ie5

原文链接:https://blog.csdn.net/qq_35257117/article/details/103273653

栏目分类
最近更新