Descubrí que el espacio de ie7 es más amplio que el de ie6/firefox/opera. Por ejemplo, a veces, al componer, uso espacios simples para separar.
| <div clase="clase1"> <a href="#">Texto 1</a> <a href="#">Texto 1</a> <a href="#">Texto 1</a> <a href="#"> Texto 1</a><a href="#">Texto 1</a> <a href="#">Texto 1</a><a href="#">Texto 1</a> <a href="#">Texto 1</a> </div> |
Cuando uso espacios para separar, encuentro que a menudo se estiran en IE7, porque parece que el espacio en IE7 es más amplio (se desconoce el motivo específico).
Hay dos soluciones:
1. Utilice li para componer y eliminar espacios.
2. Elimine directamente los espacios y defina el estilo de a.
| <estilo> .class1 a{padding-right:5px;} </estilo> |
La segunda es una buena solución, el código es más conciso y eficaz.