ใช้ 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> 