J'ai trouvé que l'espacement spatial de ie7 est plus large que celui de ie6/firefox/opera. Par exemple, parfois lors de la composition, j'utilise des espaces simples pour séparer.
| <div classe="class1"> <a href="#">Texte 1</a> <a href="#">Texte 1</a> <a href="#">Texte 1</a> <a href="#"> Texte 1</a><a href="#">Texte 1</a> <a href="#">Texte 1</a><a href="#">Texte 1</a> <a href="#">Texte 1</a> </div> |
Lorsque j'utilise des espaces pour séparer, je constate qu'ils sont souvent étirés sous IE7, car il semble que l'espacement des espaces dans IE7 soit plus large (la raison spécifique est inconnue).
Il existe deux solutions :
1. Utilisez li pour la composition et supprimez les espaces.
2. Supprimez directement les espaces et définissez le style de a.
| <style> .class1 a{padding-right:5px;} </style> |
La seconde est une bonne solution, le code est plus concis et efficace.