使用 CSS 控制分页


要控制分页,请使用 page-break-beforepage-break-afterpage-break-inside 属性。

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

关键字 auto 为默认值;它允许浏览器根据需要自动分页。关键字 always 在元素之前或之后强制分页,而 avoid 则抑制在元素之前或之后立即分页。 left 和 right 关键字强制分页一次或两次,以便元素呈现在左侧或右侧页面上。

使用分页属性非常简单。假设您的文档的 1 级标题以 2 级标题开始新的章节来表示部分。您希望每个章节从一个新的右侧页面开始,但您不希望在后续内容的分隔符前中断部分标题。

示例

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

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

更新于:2020 年 3 月 16 日

334 次浏览

开启你的 事业

完成课程即可获得认证

开始
广告