如何用 JavaScript 設定元素內部的分頁行為？

使用 JavaScript 中的 pageBreakInside 屬性來設定元素內部的分頁行為。使用 auto 屬性在元素內部插入分頁符。使用 auto 或 avoid 屬性值來自動在元素內部插入分頁符（如果需要），或避免分頁，具體取決於需要。

注意 − 更改在列印或檢視列印預覽時可見。

示例

您可以嘗試執行以下程式碼以使用 JavaScript 返回元素內部的分頁行為 −

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p id = "myFooter">This if footer text.</p>
      <button type = "button" onclick="display()"> Set page-break </button>
     
      <script>
         function display() {
            document.getElementById("myFooter").style.pageBreakInside = "auto";
         }
      </script>
   </body>
</html>

更新日期： 23-Jun-2020

2K+ 瀏覽量

開啟你的職業生涯

完成課程獲得認證

開始
廣告