วิธีการปรับระยะห่างบรรทัดใน CSS?

ข้อความถึงวันที่ยังคงเป็นประเภทหลักของข้อมูลที่ส่งผ่านไปในพื้นที่กว้างใหญ่ของ เวิลด์ไวด์เว็บ ดังนั้นการจัดการลักษณะที่ปรากฏจะได้รับความสนใจเป็นพิเศษ หนึ่งลักษณะสำคัญของข้อความคือระยะห่างของเส้นซึ่งกำหนดระยะห่างระหว่างเส้น หากคุณไม่เคยพบกฎนี้คุณอาจไม่เคยทำงานกับ CSS เพราะเป็นภาษาสไตล์ที่ให้คำสั่งที่ใช้ได้สำหรับเปลี่ยนลักษณะภายนอกที่สำคัญทั้งหมดของข้อความ กฎนี้สนับสนุนโดยเบราว์เซอร์ที่ทันสมัยทั้งหมดและรวมอยู่ในมาตรฐานของสไตล์ชีต cascading ทุกรุ่น (CSS: Cascading Style Sheets)

กฎ

ใน CSS การกำหนดระยะห่างบรรทัดใช้คำสั่ง line-height ที่เรียบง่าย การบันทึกทำตามปกติ คุณสามารถกำหนดหมายเลขใด ๆ ที่ไม่เป็นลบให้เป็นค่าได้ หากระบุ "line-height: -4px;" คำสั่งจะถูกละเลย คุณสามารถระบุค่า "ปกติ" หรือ "สืบทอด" ได้ ส่วนแรกจะใช้การตั้งค่าช่วงเวลาอัตโนมัติซึ่งขึ้นอยู่กับชนิดและขนาดของแบบอักษรที่เลือก ในกรณีนี้ระยะห่างระหว่างบรรทัดจะถูกกำหนดโดยเบราเซอร์ ระยะห่างระหว่างบรรทัดสามารถนำค่าที่สืบทอดมาจากแท็ก "parent" โดยใช้ค่า "inherit"

ความคุ้มค่า

ค่าทั้งหมดนอกเหนือจากคำสั่งมาตรฐานสามารถแบ่งออกเป็นสองประเภทคือสัมพัทธ์และสัมบูรณ์ ระยะห่างระหว่างบรรทัด CSS ช่วยให้คุณสามารถจัดการระยะห่างระหว่างเส้นได้อย่างคล่องตัวโดยใช้วิธีการปรับแต่งที่แตกต่างและสะดวกกว่า ค่าสัมบูรณ์ ได้แก่ หน่วยที่รู้จักกันทั้งหมดที่มีความยาวที่ใช้ใน CSS รายการนี้ประกอบด้วย: ใน (นิ้ว), จุด (จุด), พิกเซล (พิกเซล) และอื่น ๆ ช่วงคำนวณจากเส้นพื้นฐานของแบบอักษร ถ้าคุณเขียนกฎ: "line-height: 10px;" ระยะห่างระหว่างบรรทัดจะเป็น 10 พิกเซลเสมอ วิธีนี้เหมาะอย่างยิ่งเมื่อคุณต้องการระบุช่วงเวลาที่แน่นอนสำหรับแบบอักษรเฉพาะ แต่อย่าลืมว่าทุกคนมีการขยายหน้าจออื่น และถ้าคุณมีระยะทางที่ดูดีก็ไม่ได้หมายความว่าทุกคนจะมีผลเช่นเดียวกัน ตัวอย่างเช่นในอุปกรณ์เคลื่อนที่ระยะห่างระหว่างบรรทัดขนาดใหญ่อาจทำให้เกิดความไม่สะดวกอย่างมาก

ค่าสัมพัทธ์

ในการแก้ปัญหาด้วยการขยายหน้าจออื่นคุณสามารถใช้ ค่าสัมพัทธ์ได้ การแสดงออกร้อยละมักใช้มากที่สุด ค่าในกรณีนี้ถูกตั้งค่าเทียบกับความสูงของตัวอักษร ตัวอย่างเช่นระบุ "line-height: 150%;" เราได้รับช่วงเวลาครึ่งตัวหนังสืออยู่ตรงกลาง สำหรับ 100% ความสูงของแบบอักษรที่ใช้จะถือว่า นักพัฒนาที่มีประสบการณ์ส่วนใหญ่แนะนำให้ใช้ค่าสัมพัทธ์ ดังนั้นคุณจึงช่วยตัวเองและผู้ใช้ของคุณจากปัญหาที่เกี่ยวข้องกับส่วนขยายหน้าจอต่างๆ

ข้อสรุป

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