Ich habe festgestellt, dass der Leerzeichenabstand von IE7 größer ist als der von IE6/Firefox/Opera. Beispielsweise verwende ich beim Satz manchmal einfache Leerzeichen zur Trennung.
| <div class="class1"> <a href="#">Text 1</a> <a href="#">Text 1</a> <a href="#">Text 1</a> <a href="#"> Text 1</a><a href="#">Text 1</a> <a href="#">Text 1</a><a href="#">Text 1</a> <a href="#">Text 1</a> </div> |
Bei der Verwendung von Leerzeichen zum Trennen stelle ich fest, dass diese unter IE7 häufig gestreckt werden, da der Leerzeichenabstand in IE7 anscheinend größer ist (der genaue Grund ist unbekannt).
Es gibt zwei Lösungen:
1. Verwenden Sie li zum Satz und entfernen Sie Leerzeichen.
2. Entfernen Sie direkt die Leerzeichen und definieren Sie den Stil von a.
| <Stil> .class1 a{padding-right:5px;} </style> |
Die zweite ist eine gute Lösung, der Code ist prägnanter und effektiver.