การตั้งค่าใน CSS นี้ระยะห่างระหว่างบรรทัด

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

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

แถวสูง

ระยะห่างระหว่างบรรทัด CSS สามารถแสดงให้เห็นถึงรูปต่อไปนี้

ในภาพด้านบนแสดงให้เห็นพารามิเตอร์ด้วยระยะทางที่สอดคล้องกัน ข้อความที่อยู่ในพื้นที่ขนาดตัวอักษร โปรดทราบว่าบรรทัดข้อความไม่เริ่มที่ฐานและสูงขึ้นเล็กน้อย พื้นที่ที่ให้ไว้ด้านล่างเพื่อตัวอักษรซึ่งมีองค์ประกอบด้านล่าง (g, y, และอื่น ๆ )

โปรดทราบว่าช่องว่างระหว่างบล็อกขนาดตัวอักษรที่เรียกว่าชั้นนำ ด้วย HTML และ CSS คุณสมบัตินี้ไม่ปรากฏ แต่ก็เป็นในอีกบรรณาธิการกราฟิกและข้อความ ยกตัวอย่างเช่นในโปรแกรม Adobe Photoshop

ตัวเลขข้างต้นแสดงให้เห็นว่าที่ใน "Photoshop" คุณสามารถระบุชั้นนำ และการตั้งค่า font-size ระบุไว้ต่อไป

ตัวอย่างของการใช้ line-height

ใน CSS, ระยะห่างระหว่างเส้นที่สามารถตั้งค่าร้อยละ ตัวอย่างที่เป็นตัวอย่างได้รับด้านล่าง

ในกรณีที่มีค่าเล็ก ๆ ของผู้ใช้ของเว็บไซต์ของคุณจะไม่สะดวกในการอ่าน

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

รายละเอียดปลีกย่อยของการออกแบบ

ระยะห่างระหว่างบรรทัด CSS สามารถปรับแต่งเยื้องต่างๆ ลองพิจารณาตัวอย่างในรูป

ใน "ธาตุ" ในกรณีนี้จะเป็นข้อความ padding - padding อยู่ภายในวัตถุและอัตรากำไร - เยื้องของวัตถุ ชายแดน - กรอบนี้ มันอาจจะเป็น 0 พิกเซลและอาจจะเป็น 100

ภาพต่อไปนี้แสดงให้เห็นทันทีขอบกรอบและความสูงของสายของข้อความ

หากคุณมีข้อความขนาดเล็กทั้งหมดในบรรทัดเดียวหรือแต่ละบรรทัดในย่อหน้าที่แยกจากกันในระยะที่สามารถปรับได้ระหว่างย่อหน้าเยื้อง นั่นคือ Maring และ padding ระหว่างบรรทัดในหนึ่งเซลล์จะไม่มีผลกระทบ พวกเขาสร้างเยื้องเท่านั้นที่ขอบของวัตถุ วัตถุ - นี้วรรคทั้งหมดแทนสายในนั้น มันเป็นสิ่งสำคัญที่จะไม่ได้รับสับสน

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

วิธีการเพิ่มระยะห่างระหว่างบรรทัดของ CSS ที่

ระยะห่างระหว่างบรรทัดของ HTML คุณสามารถลงทะเบียนเพื่อชั้นใด ๆ หรือสำหรับทุกย่อหน้าในข้อความ ถ้าคุณระบุเช่นนี้: p {line-height: 20px; } - แล้วอย่างทุกย่อหน้าในหน้าจะเป็นสตริง 20 พิกเซล หากคุณต้องการในสถานที่ที่แตกต่างกันในขนาดที่แตกต่างกันก็จะแนะนำให้ทำดังต่อไปนี้

เรากำหนดรูปแบบ

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

เพื่อความชัดเจนเราเพิ่มกรอบเพื่อให้คุณสามารถเห็นว่ามันทำงาน ในอนาคตก็จะต้องออก

ต่อไปเราจะใช้ชั้นเรียนเหล่านี้ ผลที่ได้จะเป็นดังนี้

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

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

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

ในเครื่องมือค้นหา "Google" เป็นเครื่องมือพิเศษที่ช่วยในการวิเคราะห์ มันจะสะดวกมากสำหรับเว็บมาสเตอร์

นี่คือตัวอย่างของผลลัพธ์ที่อาจจะเป็น

ก็จะแนะนำให้ใช้เคล็ดลับเหล่านี้เพราะเกณฑ์เหล่านี้ส่งผลกระทบต่อผลการค้นหา