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

開啟您的 職業生涯

完成課程以獲得認證

開始
廣告
© . All rights reserved.