Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะตั้งค่าพฤติกรรมการแบ่งหน้าภายในองค์ประกอบด้วย JavaScript ได้อย่างไร


ใช้ pageBreakInside คุณสมบัติใน JavaScript เพื่อกำหนดลักษณะการแบ่งหน้าภายในองค์ประกอบ ใช้ อัตโนมัติ คุณสมบัติเพื่อแทรกตัวแบ่งหน้าภายในองค์ประกอบ ใช้ อัตโนมัติ หรือ หลีกเลี่ยง ค่าคุณสมบัติเพื่อแทรกตัวแบ่งหน้าโดยอัตโนมัติภายในองค์ประกอบ หากจำเป็น หรือหลีกเลี่ยงการแบ่งหน้าตามลำดับ

หมายเหตุ − การเปลี่ยนแปลงจะปรากฏให้เห็นในขณะพิมพ์หรือดูตัวอย่างก่อนพิมพ์

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อส่งคืนพฤติกรรมการแบ่งหน้าภายในองค์ประกอบด้วย 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>