ฉันพบว่าระยะห่างระหว่างพื้นที่ของ ie7 นั้นกว้างกว่าระยะห่างของ ie6/firefox/opera ตัวอย่างเช่น บางครั้งเวลาเรียงพิมพ์ ฉันจะใช้ช่องว่างธรรมดาเพื่อแยกออกจากกัน
| <คลาส div="class1"> <a href="#">ข้อความ 1</a> <a href="#">ข้อความ 1</a> <a href="#">ข้อความ 1</a> <a href="#"> ข้อความ 1</a><a href="#">ข้อความ 1</a> <a href="#">ข้อความ 1</a><a href="#">ข้อความ 1</a> <a href="#">ข้อความ 1</a> </div> |
เมื่อใช้ช่องว่างเพื่อแยกฉันพบว่าช่องว่างมักจะถูกขยายภายใต้ IE7 เพราะดูเหมือนว่าระยะห่างของช่องว่างใน IE7 จะกว้างกว่า (ไม่ทราบสาเหตุเฉพาะ)
มีสองวิธี:
1. ใช้ li เพื่อเรียงพิมพ์และลบช่องว่าง
2. ลบช่องว่างโดยตรงและกำหนดสไตล์ของ
| <สไตล์> .class1 a{ช่องว่างภายใน-ขวา:5px;} </สไตล์> |
ประการที่สองเป็นวิธีแก้ปัญหาที่ดี โค้ดมีความกระชับและมีประสิทธิภาพมากกว่า