วิธีการใช้งานอย่างง่ายสำหรับการส่งออกช่องว่างใน JS

เมื่อเขียนรหัส JS คุณสามารถค้นหาปรากฏการณ์นี้ได้:

 document.write ("1 2 3"); ผลลัพธ์: 1 2 3

ไม่ว่าจะมีช่องว่างอยู่ในเนื้อหาที่ส่งออกจำนวนเท่าใดผลลัพธ์ที่แสดงดูเหมือนจะมีพื้นที่เพียงแห่งเดียว

นี่เป็นเพราะกลไกการแสดงผลของเบราว์เซอร์แสดงหลายช่องว่างด้วยตนเองถึง 1 ช่องว่าง

สารละลาย:

1. ใช้แท็ก HTML เอาท์พุทเพื่อแก้ปัญหา

 document.write (""+"1"+""+"23"); ผลลัพธ์: 1 23

2. ใช้สไตล์ CSS เพื่อแก้ไข

 document.write ("<span style = 'space สีขาว: pre;'>"+"1 2 3"+"</span>"); ผลลัพธ์: 1 2 3

เพิ่ม "พื้นที่สีขาว: pre;" แอตทริบิวต์สไตล์เมื่อเอาต์พุต สไตล์นี้หมายถึง "ช่องว่างจะถูกเก็บไว้โดยเบราว์เซอร์"

วิธีการใช้งานอย่างง่ายของพื้นที่ส่งออก JS ด้านบนคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น