使用 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 次瀏覽

開啟你的 事業

完成課程即可獲得認證

開始
廣告
© . All rights reserved.