โทรศัพท์ที่จะเดินทางไปกับ

S นักแปล จะเป็นเครื่องมือที่ยอดเยี่ยมสำหรับการเดินทางของคุณเป็น ...

ตอนนี้หัวเรื่องและปากด้านล่างจะเริ่มในหน้าถัดไป

เส้นห้อยบนและล่าง

วิธีการข้างต้นอาจเป็นเรื่องที่น่าเบื่อถ้าคุณมีข้อความจำนวนมาก ดังนั้น แทนที่จะบังคับให้เนื้อหาไปที่หน้าถัดไป การกำหนดเกณฑ์ขั้นต่ำสำหรับเด็กกำพร้าบนและล่างจะดีกว่า

ในทางปฏิบัติเกี่ยวกับการพิมพ์ เครื่องประดับด้านบนและด้านล่างหมายถึงคำที่เหลือและบรรทัดสั้นๆ ที่ขาดหายไปจากส่วนที่เหลือของย่อหน้าในหน้าอื่น

การใช้คุณสมบัติ เด็กกำพร้า (เด็กกำพร้าล่าง) และหญิงม่าย (เด็กกำพร้าบน) เราสามารถกำหนดเกณฑ์ขั้นต่ำได้ ในตัวอย่างด้านล่าง เรากำลังระบุว่าอย่างน้อยสามบรรทัดยังคงอยู่ที่ด้านล่างหรือที่จุดเริ่มต้นของย่อหน้าที่เกิดตัวแบ่งหน้า

P (เด็กกำพร้า: 3; ม่าย: 3;)

แหล่งข้อมูลเพิ่มเติม

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

การแปล - หน้าที่

ตัวแบ่งหน้า

ส่วนต่อไปนี้อธิบายรูปแบบการจัดรูปแบบหน้าที่ใช้ใน CSS2 ห้าคุณสมบัติที่แตกต่างกันใช้เพื่อบอกตัวแทนผู้ใช้ว่าสามารถหรือควรแบ่งหน้าและหน้า (ซ้ายหรือขวา) ที่ใดควรแสดงเนื้อหาต่อไป ตัวแบ่งหน้าแต่ละหน้าจะขัดขวางการแสดงเนื้อหาในกล่องหน้าปัจจุบัน และทำให้ส่วนที่เหลือของโครงสร้างเอกสารแสดงในกล่องหน้าใหม่

แบ่งองค์ประกอบก่อนและหลัง: "page-break-before", "page-break-after", "page-break-inside"

ค่าเริ่มต้น: auto
มรดก: ไม่
เปอร์เซ็นต์การมอบหมาย: N / A

ค่า: auto | เสมอ | หลีกเลี่ยง | ซ้าย | ขวา | ได้รับการถ่ายทอด
ค่าเริ่มต้น: auto
ขอบเขต: องค์ประกอบระดับโครงสร้าง
มรดก: ไม่
เปอร์เซ็นต์การมอบหมาย: N / A
อุปกรณ์: การจัดรูปแบบภาพ, แบ่งหน้า

ความคุ้มค่า: หลีกเลี่ยง | รถยนต์ | ได้รับการถ่ายทอด
ค่าเริ่มต้น: auto
ขอบเขต: องค์ประกอบระดับโครงสร้าง
มรดก: ใช่
เปอร์เซ็นต์การมอบหมาย: N / A
อุปกรณ์: การจัดรูปแบบภาพ, แบ่งหน้า

ค่าของคุณสมบัติเหล่านี้มีความหมายดังต่อไปนี้:

ไม่เริ่มต้นหรือไม่อนุญาตให้มีการแบ่งหน้าก่อน (หลังหรือภายใน) บล็อกที่สร้างขึ้น

เริ่มต้นการแบ่งหน้าก่อน (หลัง) บล็อกที่สร้างขึ้นเสมอ

ยกเลิกการแบ่งหน้าก่อน (หลังหรือภายใน) บล็อกที่สร้างขึ้น

เริ่มการแบ่งหน้าหนึ่งหรือสองหน้าก่อน (หลัง) บล็อกที่สร้างขึ้นเพื่อให้หน้าถัดไปจัดรูปแบบเป็นหน้าซ้าย

เริ่มการแบ่งหน้าหนึ่งหรือสองหน้าก่อน (หลัง) บล็อกที่สร้างขึ้นเพื่อให้หน้าถัดไปจัดรูปแบบเป็นหน้าขวา

ตำแหน่งที่เป็นไปได้ของการแบ่งหน้าจะถูกกำหนดโดยคุณสมบัติ "page-break-inside" ขององค์ประกอบหลัก คุณสมบัติ "page-break-after" ขององค์ประกอบก่อนหน้า และคุณสมบัติ "page-break-before" ของ องค์ประกอบที่ตามมา หากค่าของคุณสมบัติเหล่านี้ไม่ใช่ "อัตโนมัติ" ค่า "เสมอ", "ซ้าย" และ "ขวา" จะมีความสำคัญเหนือค่าของ "หลีกเลี่ยง" ส่วนเกี่ยวกับตัวแบ่งหน้าที่ยอมรับได้ให้กฎที่ชัดเจนสำหรับการเริ่มต้นหรือไม่อนุญาตตัวแบ่งหน้าโดยใช้คุณสมบัติเหล่านี้

การใช้เพจที่มีชื่อ: "page"

ความหมาย:<идентификатор>| รถยนต์
ค่าเริ่มต้น: auto
ขอบเขต: องค์ประกอบระดับโครงสร้าง
มรดก: ใช่
เปอร์เซ็นต์การมอบหมาย: N / A
อุปกรณ์: การจัดรูปแบบภาพ, แบ่งหน้า

คุณสมบัติ "หน้า" สามารถใช้เพื่อกำหนดประเภทของหน้าเฉพาะที่องค์ประกอบจะแสดง

ในตัวอย่างนี้ ตารางทั้งหมดจะถูกวางไว้ที่ด้านขวาของหน้า (เรียกว่า "หมุน") ซึ่งอยู่ในแนวนอน:

ตาราง (หน้า: หมุน; ตัวแบ่งหน้าก่อน: ขวา)

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

ในตัวอย่างต่อไปนี้ ตารางสองตารางจะแสดงบนหน้าแนวนอน (โดยธรรมชาติจะอยู่ที่หน้าเดียวกันหากทั้งสองพอดีกับหน้า) หน้าประเภท "แคบ" จะไม่ถูกใช้เลย แม้ว่าจะตั้งค่าไว้สำหรับองค์ประกอบ DIV ก็ตาม

@เพจแคบ (ขนาด: 9ซม. 18ซม.)
@page หมุนแล้ว (ขนาด: แนวนอน)
DIV (หน้า: แคบ)
ตาราง (หน้า: หมุน)

ใช้ในเอกสาร

หน้าแบ่งภายในองค์ประกอบ: "เด็กกำพร้า", "แม่ม่าย"

ความหมาย:<целое>| ได้รับการถ่ายทอด
ค่าเริ่มต้น: 2
ขอบเขต: องค์ประกอบระดับโครงสร้าง
มรดก: ใช่
เปอร์เซ็นต์การมอบหมาย: N / A
อุปกรณ์: การจัดรูปแบบภาพ, แบ่งหน้า

ความหมาย:<целое>| ได้รับการถ่ายทอด
ค่าเริ่มต้น: 2
ขอบเขต: องค์ประกอบระดับโครงสร้าง
มรดก: ใช่
เปอร์เซ็นต์การมอบหมาย: N / A
อุปกรณ์: การจัดรูปแบบภาพ, แบ่งหน้า

คุณสมบัติ เด็กกำพร้า กำหนดจำนวนบรรทัดย่อหน้าขั้นต่ำที่ควรทิ้งไว้ที่ด้านล่างของหน้า คุณสมบัติ "แม่ม่าย" กำหนดจำนวนบรรทัดย่อหน้าขั้นต่ำที่ควรทิ้งไว้ที่ด้านบนสุดของหน้า ตัวอย่างของการใช้คุณสมบัติเหล่านี้เพื่อควบคุมตัวแบ่งหน้าแสดงไว้ด้านล่าง

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการจัดรูปแบบย่อหน้า ให้ดูส่วนในกล่องบรรทัด

ตัวแบ่งหน้าที่ยอมรับได้

ในโฟลว์ปกติ ตัวแบ่งหน้าสามารถอยู่ในตำแหน่งต่อไปนี้:

1. ในพื้นที่สงวนไว้สำหรับระยะขอบแนวตั้งระหว่างบล็อคส่วนประกอบ หากตัวแบ่งหน้าเกิดขึ้น ณ จุดนี้ ค่าที่คำนวณของคุณสมบัติ "margin-top" และ "margin-bottom" ที่เกี่ยวข้องจะถูกตั้งค่าเป็น "0"
2. ระหว่างบล็อกบรรทัดภายในบล็อกระดับโครงสร้าง

ความไม่ต่อเนื่องของประเภทที่พิจารณาเป็นไปตามกฎต่อไปนี้:

• กฎ A: ตัวแบ่ง (1) ได้รับอนุญาตก็ต่อเมื่อค่าของคุณสมบัติ "หน้าแตกหลัง" และ "หน้าแตกก่อน" ขององค์ประกอบทั้งหมดที่วางไข่บล็อกที่เกิดขึ้นในช่วงพักได้รับอนุญาตให้เกิดขึ้น ซึ่งเกิดขึ้นเมื่ออย่างน้อยหนึ่งรายการเป็น "เสมอ" "ซ้าย" หรือ "ขวา" หรือทั้งหมดเป็น "อัตโนมัติ" ในเวลาเดียวกัน
• กฎ B: อย่างไรก็ตาม หากคุณสมบัติทั้งหมดเหล่านี้ถูกตั้งค่าเป็น "อัตโนมัติ" และคุณสมบัติ "ตัวแบ่งหน้าภายใน" ของบรรพบุรุษร่วมที่ใกล้เคียงที่สุดขององค์ประกอบที่มีชื่อทั้งหมดถูกตั้งค่าเป็น "หลีกเลี่ยง" ตัวแบ่งหน้า ณ จุดนั้นคือ ห้าม
• กฎ B: ตัวแบ่งหน้า (2) จะได้รับอนุญาตก็ต่อเมื่อจำนวนกล่องบรรทัดระหว่างตัวแบ่งและจุดเริ่มต้นของบล็อกการปิดเท่ากับหรือมากกว่าคุณสมบัติ "orphans" และจำนวนกล่องแบบอินไลน์ระหว่างตัวแบ่งและ จุดสิ้นสุดของบล็อกเท่ากับหรือมากกว่ามูลค่าของคุณสมบัติ "แม่ม่าย" ...
• กฎ D: ยิ่งไปกว่านั้น ตัวแบ่งหน้า (2) จะได้รับอนุญาตก็ต่อเมื่อคุณสมบัติ "ตัวแบ่งหน้า" ถูกตั้งค่าเป็น "อัตโนมัติ"

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

หากหลังจากนี้ไม่สามารถบรรลุจำนวนเบรกที่เพียงพอ กฎ A และ B จะไม่นำมาพิจารณาเพื่อค้นหาจุดพักเพิ่มเติม

ตัวแบ่งหน้าไม่สามารถทำได้ในบล็อกที่มีตำแหน่งที่แน่นอน

บังคับตัวแบ่งหน้า

ตัวแบ่งหน้าจะต้องเกิดขึ้น (1) หากคุณสมบัติ "หน้าแตกหลัง" และ "ตัวแบ่งหน้าก่อน" อย่างน้อยหนึ่งคุณสมบัติขององค์ประกอบที่สร้างบล็อกที่เกิดขึ้นที่จุดพักคือ "เสมอ", "ซ้าย " หรือ "ใช่"

ตัวแบ่งหน้าจะต้องเกิดขึ้นด้วย (1) หากค่าของคุณสมบัติ "หน้า" ของกล่องบรรทัดก่อนและหลังตัวแบ่งนั้นแตกต่างกัน

ตัวแบ่งหน้า "ดีที่สุด"

CSS2 ไม่ได้ระบุว่าควรใช้ตัวแบ่งหน้าใดจากชุดของตัวแบ่งที่อนุญาต CSS2 ไม่ได้ป้องกันตัวแทนผู้ใช้จากการแทรกตัวแบ่งหน้าทุกที่หรือไม่ได้ใช้เลย แต่ข้อมูลจำเพาะ CSS2 ขอแนะนำอย่างยิ่งให้ตัวแทนผู้ใช้ปฏิบัติตามฮิวริสติกต่อไปนี้ (จนกระทั่งดูเหมือนว่าบางครั้งขัดแย้งกันเอง):

• การแบ่งหน้าควรทำไม่บ่อยเท่าที่เป็นไปได้
• หน้าทั้งหมดที่ไม่ลงท้ายด้วยตัวแบ่งแบบบังคับควรมีความสูงเท่ากัน
• ไม่ควรมีช่องว่างภายในบล็อกที่มีเส้นขอบ
• ไม่ควรมีตัวแบ่งภายในโต๊ะ
• ไม่ควรมีช่องว่างภายในวัตถุที่ย้าย

สมมติว่าสไตล์ชีตของคุณมีคุณสมบัติ "orphans: 4" และ "widows: 2" และมี 20 แถว (กล่องบรรทัด) ที่ด้านล่างของหน้าปัจจุบัน:

• หากย่อหน้าสุดท้ายของหน้าปัจจุบันมีไม่เกิน 20 บรรทัด จะต้องอยู่ในหน้าปัจจุบัน
• หากย่อหน้ามี 21 หรือ 22 บรรทัด และส่วนที่สองของย่อหน้าไม่ควรละเมิดข้อ จำกัด ที่กำหนดโดยคุณสมบัติ "แม่ม่าย" ดังนั้นโดยอาศัยสิ่งนี้ส่วนที่สองควรประกอบด้วยสองบรรทัด
• หากย่อหน้ามีมากกว่า 23 บรรทัด ส่วนแรกควรยาว 20 บรรทัด และส่วนที่สองควรรวมบรรทัดอื่นๆ ทั้งหมด

ตอนนี้ สมมติว่าค่าของคุณสมบัติ "เด็กกำพร้า" คือ "10" ค่าของคุณสมบัติ "หม้าย" คือ "20" และมี 8 แถวที่สามารถใช้ได้ที่ด้านล่างของหน้าปัจจุบัน:

• หากย่อหน้าที่ท้ายหน้าปัจจุบันมีไม่เกิน 8 บรรทัด จะต้องอยู่ในหน้าปัจจุบัน
• หากย่อหน้ามีมากกว่า 9 บรรทัด จะแบ่งไม่ได้ (เนื่องจากจะเป็นการละเมิดข้อจำกัดที่กำหนดโดยคุณสมบัติ "เด็กกำพร้า") ดังนั้นจึงควรย้ายไปยังหน้าถัดไปเป็นบล็อก