Css入门:page-break-after(后分页)

Css入门: page-break-after(后分页)

CSS中的page-break-after属性用于控制在打印或打印预览时内容的分页方式。它指定在元素之后是否应该插入分页符。

语法

page-break-after属性的语法如下:

selector {
  page-break-after: auto|always|avoid|left|right|initial|inherit;
}

属性值

  • auto:默认值。自动插入分页符。
  • always:在元素之后始终插入分页符。
  • avoid:尽量避免在元素之后插入分页符。
  • left:在元素之后插入分页符,并使下一页从左侧开始。
  • right:在元素之后插入分页符,并使下一页从右侧开始。
  • initial:设置属性为默认值。
  • inherit:继承父元素的属性值。

示例

以下示例演示了如何使用page-break-after属性:


  .page-break {
    page-break-after: always;
  }


第一页

这是第一页的内容。

第二页

这是第二页的内容。

兼容性

page-break-after属性的兼容性较好,几乎所有现代浏览器都支持该属性。

总结

CSS的page-break-after属性用于控制在打印或打印预览时内容的分页方式。通过设置不同的属性值,可以实现自动插入分页符、始终插入分页符、避免插入分页符等效果。在设计打印样式时,page-break-after属性可以帮助我们更好地控制内容的分页。

香港服务器选择创新互联

如果您正在寻找香港服务器,创新互联是您的选择。我们提供高性能的香港服务器,可满足您的各种需求。

文章标题:Css入门:page-break-after(后分页)
链接URL:http://www.shufengxianlan.com/qtweb/news44/418394.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联