I found that the space spacing of ie7 is wider than that of ie6/firefox/opera. For example, sometimes when typesetting, I will use simple spaces to separate.
| <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> |
When using spaces to separate, I find that they are often stretched under IE7, because it seems that the space spacing in IE7 is wider (the specific reason is unknown).
There are two solutions:
1. Use li for typesetting and remove spaces.
2. Directly remove the spaces and define the style of a.
| <style> .class1 a{padding-right:5px;} </style> |
The second is a good solution, the code is more concise and effective.