เหตุใด Bootstrap จึงตั้งค่าคุณสมบัติ line-height เป็น 1.428571429


คำตอบ:


178

ความสูงของบรรทัดกำหนดโดยการแบ่งขนาดความสูงของบรรทัดที่กำหนดเป้าหมายด้วยขนาดแบบอักษร ในตัวอย่างนี้ Bootstrap ใช้ความสูงของบรรทัดจากขนาดตัวอักษร 14px ความสูงของบรรทัดเป้าหมายคือ 20px:

20px ÷ 14px = 1.428571429

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

นอกจากนี้การรักษาความสูงของบรรทัดยังทำให้ใช้งานได้หลากหลายมากขึ้น สำหรับข้อมูลเพิ่มเติมโปรดดูโพสต์ของ Eric Meyer เมื่อเดือนกุมภาพันธ์ 2549


2
ฉันกำลังจะถามในสิ่งเดียวกัน ดูเหมือนคำถามนี้จะเกิดขึ้นเป็นประจำ บางทีรหัส Bootstrap dev ควรมีความคิดเห็นอธิบายอย่างรวดเร็ว
ivanjonas

1
ฉันไม่คิดว่านี่เป็นคำถามที่โง่เขลาเลย ฉันเคยเห็นความไม่ชัดเจนของline-heightสาเหตุนี้ใน IE11 ซึ่งทำให้ฉันสงสัย คำตอบนั้นสมเหตุสมผล แต่การปัดเศษตัวเลขให้เหลือเพียงไม่กี่ตำแหน่งทศนิยมอาจเป็นไปได้ในนามของ Bootstrap
aminimalanimal
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.