การแทรกช่องว่างใน html เป็นสิ่งจำเป็นสำหรับการแสดงข้อความบนหน้าเว็บที่ถูกต้องตามผลกระทบที่ผู้เขียนคิดขึ้น ขึ้นอยู่กับความซับซ้อนของงาน คุณสามารถใช้ทั้งช่องว่างธรรมดาแบบไม่ทำลายและควบคุมจำนวนช่องว่างโดยใช้คุณสมบัติ css
มันจำเป็น
ตัวแก้ไข html
คำแนะนำ
ขั้นตอนที่ 1
หากคุณต้องการแทรกช่องว่างธรรมดาระหว่างคำหนึ่งคำ (ได้จากการกดปุ่ม Space) คุณไม่จำเป็นต้องดำเนินการพิเศษใดๆ - การเว้นวรรคธรรมดาที่ต่อเนื่องกันจำนวนเท่าใดในโค้ด html จะมีลักษณะเหมือนหนึ่งบนหน้าเว็บ
ขั้นตอนที่ 2
เพื่อรักษาจำนวนช่องว่างที่แน่นอนระหว่างคำ ให้แทนที่แต่ละช่องว่างปกติด้วย " (โดยไม่ใส่เครื่องหมายอัญประกาศ) - นี่คือโค้ดพื้นที่แบบไม่แบ่งใน html ตัวอย่างเช่น: "มีช่องว่างสองช่องว่างระหว่างแต่ละคำ" มีการแทรกช่องว่างที่ไม่แตกหักระหว่างคำสองคำและเพื่อไม่ให้แยกจากกันเมื่อรวมเข้ากับบรรทัดอื่น สำหรับตำแหน่งอัตโนมัติของช่องว่างที่ไม่ทำลายในข้อความ สะดวกในการใช้เครื่องมือที่รู้จักกันดีของ Artemy Lebedev - "Typograf" (https://www.artlebedev.ru/tools/typograf/)
ขั้นตอนที่ 3
อีกวิธีในการแทรกจำนวนช่องว่างที่ต้องการใน html ระหว่างคำ: ใส่ส่วนที่ต้องการของข้อความในแท็กและ จากนั้นคำจะแสดงเป็นแบบอักษรโมโนสเปซ แต่ช่องว่างระหว่างคำปกติทั้งหมดจะยังคงอยู่เมื่อแสดงบนหน้าเว็บ โปรดทราบว่าแท็กมีลักษณะเฉพาะบางประการ: ไม่อนุญาตให้ใช้แท็กอื่นๆ ภายในแท็ก: และ ,,,,.
ขั้นตอนที่ 4
วิธีที่ซับซ้อนมากขึ้นในการควบคุมการจัดการช่องว่าง: ใช้คุณสมบัติ css ของ white-space กับค่า pre หรือ pre-wrap (โดยไม่มีการตัดบรรทัดภายในองค์ประกอบและด้วยการพันบรรทัด ตามลำดับ) ระบุคุณสมบัตินี้ในคำอธิบายของสไตล์เพจหรือองค์ประกอบ html-layout แยกต่างหาก เมื่อใช้วิธีนี้ ฟอนต์จะไม่เปลี่ยนเป็นโมโนสเปซ และจำนวนช่องว่างระหว่างคำจะยังคงอยู่ ตัวอย่าง: ฉันจะแทรกช่องว่างในโค้ด html ได้อย่างไร หรือ:.free_spaces {white-space: pre-wrap;} … ฉันจะแทรกช่องว่างลงในโค้ด html ได้อย่างไร
