用 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>

更新于: 16-3-2020

334 次浏览

开启您的 职业生涯

完成课程以获得认证

开始
广告