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

การใช้คุณสมบัติ page-break-before, page-break-after และ page-break-inside ใน CSS


สมมติว่าเอกสารของคุณมีส่วนหัวระดับ 1 เริ่มบทใหม่ด้วยส่วนหัวระดับ 2 เพื่อแสดงส่วนต่างๆ คุณต้องการให้แต่ละบทเริ่มต้นในหน้าใหม่ทางขวามือ แต่คุณไม่ต้องการให้ส่วนหัวของส่วนถูกแยกตามตัวแบ่งหน้าจากเนื้อหาที่ตามมา คุณสามารถทำสิ่งนี้ได้โดยใช้กฎต่อไปนี้ -

<style>
   <!--
      h1 { page-break-before : right }
      h2 { page-break-after : avoid }
   -->
</style>

ใช้เฉพาะอัตโนมัติ และ หลีกเลี่ยง ค่าด้วย page-break-inside คุณสมบัติ. หากคุณต้องการให้ตารางของคุณไม่แบ่งหน้าถ้าเป็นไปได้ คุณจะต้องเขียนกฎ -

<style>
   <!--
      table { page-break-inside : avoid }
   -->
</style>