page-break-after คือคำสั่งอะไร ใช้ทำอะไร

page-break-after คือคำสั่งสำหรับแบ่งหน้าหลังจากแท็ก หรือองค์ประกอบที่กำหนด นิยมนำมาใช้สำหรับการแบ่งหน้าข้อมูลตอนพิมพ์หน้าเว็บไซต์ออกกระดาษ เช่นคำสั่ง print ของภาษา JavaScript  สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง page-break-after คือคำสั่งอะไร ใช้ทำอะไร

<style>
  p {
    page-break-after: always;
  }
</style>

<pre>
1
2
3
4
</pre>

<pre>
5
6
7
8
</pre>

<button onclick="javascript:window.print()">พิมพ์ข้อมูล</button>

page-break-after จากตัวอย่างเมื่อผู้ใช้งานกดปุ่ม “พิมพ์ข้อมูล” โปรแกรมจะพิมพ์ตัวเลข 1 2 3 และ 4 ในหน้าที่ 1 และพิมพ์ตัวเลข 5 6 7 และ 8 ในหน้าที่ 2 เนื่องจากใน CSS มีการกำหนด page-break-after: always กับแท็ก pre ไว้ทำให้ข้อมูลที่พบหลังจากแท็ก pre จะถูกแบ่งหน้าตอนพิมพ์