使用 CSS 控制分页

cssweb developmentfront end technology更新于 2025/9/9 10:52:17

要控制分页,请使用 page-break-before、page-break-after 和 page-break-inside 属性。

page-break-before 和 page-break-after 均接受 auto、always、avoid、left 和 right 关键字。

关键字 auto 是默认设置;它允许浏览器根据需要生成分页符。关键字 always 强制在元素之前或之后分页,而 avoid 则禁止在元素之前或之后立即分页。  left 和 right 关键字强制分页,以便元素在左侧或右侧页面上呈现。

使用分页属性非常简单。假设您的文档使用一级页眉来开始新的章节,并使用二级页眉来表示章节。您希望每个章节都从新的右侧页面开始,但您不希望章节页眉与后续内容跨页。

示例

您可以使用以下规则实现此目的

<style>
   <!--
      h1 {
         page-break-before : right
      }
      h2 {
         page-break-after : avoid
      }
   -->
</style>

相关文章


有用资源