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

ควบคุมการแบ่งหน้าด้วย CSS


ในการควบคุมการแบ่งหน้า ให้ใช้ page-break-before , หน้าแตกหลัง และ หน้าแตกภายใน คุณสมบัติ

ทั้งหน้าแตกก่อน และ หน้าแตกหลัง ยอมรับคำหลัก อัตโนมัติ เสมอ หลีกเลี่ยง ซ้ายและขวา

คำหลัก อัตโนมัติ เป็นค่าเริ่มต้น ช่วยให้เบราว์เซอร์สร้างตัวแบ่งหน้าได้ตามต้องการ คำหลัก เสมอ บังคับให้มีการแบ่งหน้าก่อนหรือหลังองค์ประกอบ ขณะที่หลีกเลี่ยง ระงับ ตัวแบ่งหน้าทันทีก่อนหรือหลังองค์ประกอบ ซ้ายและขวา คำหลักบังคับให้มีการแบ่งหน้าหนึ่งหรือสองหน้า เพื่อให้องค์ประกอบแสดงบนหน้าด้านซ้ายหรือด้านขวา

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

ตัวอย่าง

คุณสามารถทำได้โดยใช้กฎต่อไปนี้

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