如何使用JavaScript在元素之前设置分页符行为?

使用JavaScript中的pageBreakBefore属性可在元素之前设置分页符 行为。使用always 属性可以在元素之前插入分页符。

注意-在打印或查看打印预览时,更改将可见。

示例

您可以尝试运行以下代码以使用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.pageBreakBefore = "always";
         }
      </script>
   </body>
</html>
猜你喜欢