เลือกใช้การตัดข้อความแบบเพิ่มประสิทธิภาพเพื่อความสวยงามเหนือความเร็ว
ใน Chrome 117 คุณสามารถใช้ฟีเจอร์การตัดข้อความแบบใหม่ — text-wrap: pretty
จาก CSS Text ระดับ 4
p {
text-wrap: pretty;
}
แม่หม้ายและเด็กกำพร้าตามตัวอักษรเป็นแบบเดี่ยว คำที่อยู่เดี่ยวๆ ในตอนท้ายของย่อหน้าหรือบล็อกข้อความ แม่หม้ายคือคำ อยู่ตามลำพังที่ด้านบนของบล็อกข้อความ และเด็กกำพร้าอยู่ท้ายข้อความเพียงลำพัง บล็อก เพราะอาจรบกวนสายตาของเราในการอ่านข้อความคร่าวๆ ทำให้เนื้อหายากขึ้น สำหรับการอ่าน นักออกแบบบางคนไม่จำเป็นต้องเสียค่าใช้จ่ายใดๆ และพยายามอย่างมากเพื่อ ป้องกัน
ตั้งแต่ Chrome 117 เป็นต้นไป คุณสามารถหลีกเลี่ยงรายการที่เป็นเด็กกำพร้าได้ด้วย CSS 1 บรรทัด: text-wrap: pretty
ฟีเจอร์นี้ทำได้มากกว่าแค่การตรวจสอบว่าย่อหน้าไม่ได้ลงท้ายด้วย
คำเดี่ยวๆ ยังปรับเครื่องหมายขีดกลางหากปรากฏบรรทัดที่มีขีดกลางยาวติดกัน
ที่ท้ายย่อหน้าหรือปรับบรรทัดก่อนหน้าเพื่อเพิ่มพื้นที่ รวมถึงจะ
ปรับตามเหตุผลรองรับของข้อความได้อย่างเหมาะสม text-wrap: pretty มีไว้สำหรับ
โดยทั่วไปจะมีการตัดบรรทัดและการตัดข้อความที่ดีกว่า โดยในขณะนี้จะเน้นไปที่กลุ่มเด็กกำพร้า
ในอนาคต text-wrap: pretty อาจมีการปรับปรุงเพิ่มเติม
และยังมี text-wrap: balance ซึ่งไม่
ป้องกันเด็กกำพร้า แต่ควรตรวจสอบว่าข้อความถูกล้อมรอบในลักษณะที่สร้าง
บล็อกข้อความสามมิติ ฉันส่วนตัวใช้ balance สำหรับบรรทัดแรกและใช้ pretty สำหรับ
ย่อหน้า
หากคุณสนใจรายละเอียดของอัลกอริทึมที่ใช้ระบุ จำนวนบรรทัดหรือข้อควรพิจารณาด้านประสิทธิภาพที่เหมาะสม นี่คือลิงก์ไปยังเอกสารการออกแบบที่วิศวกรสร้างขึ้น เบื้องหลังฟีเจอร์ Koji Ishii
หากคุณมีการปรับปรุงหรือคำแนะนำการขึ้นบรรทัดใหม่ โปรดแจ้งให้เราทราบ พวกเขา! แจ้งปัญหาในเครื่องมือติดตามข้อบกพร่อง Chromium พร้อมรายละเอียดและตัวอย่างของ การขึ้นบรรทัดใหม่ที่ดีและไม่ดี แล้วเราจะติดต่อกลับไป