Cuando escriba botones (entrada, botón), lo encontrará en IE:
A medida que aumenta el número de palabras, el espacio entre los dos lados se volverá cada vez más grande.
En el estilo XP de Win, cuando el número de palabras es grande, habrá irregularidad severa en ambos lados.
¿Cuál es exactamente la razón?
La columna de estandarización web original de Blue Ideal da una respuesta:
1. Siempre que IE agrega el valor del botón por 4 bytes (2 caracteres chinos), se generará un ancho de margen de un total de un byte en ambos lados del botón.
2. El estilo predeterminado del botón IE (estilo XP) es una imagen de rectángulo redondeado de tamaño fijo como fondo, por lo que una vez que el botón se vuelve más ancho y más alto, los bordes de esta imagen de rectángulo redondeado de tamaño fijo parecerán naturalmente glaseados.
No podemos resolver el segundo problema por el momento, a menos que el sistema WIN corregga el error en sí, pero aún podemos solucionar el primer problema.
Establezca el valor visible del atributo de desbordamiento para el elemento de botón en IE (nota: el valor de relleno solo es válido después de que se establece el atributo de desbordamiento: visible). Esta propiedad se ha utilizado en el último artículo "Aplicación de clip de fondo y origen de fondo". Sin embargo, después de leer "el problema de los botones estirados en IE" hoy, descubrí que había un pequeño error: si coloca el botón en una celda de mesa, aunque el botón se muestra correctamente, el ancho reservado original no ha cambiado y aún ocupa espacio. Debe establecer el ancho del botón en 0 en IE6 (IE7 también tiene este error, pero no hay una buena manera de resolverlo por el momento).
El código de solución final es el siguiente (demo):
entrada. Button {Padding: 0 .25em; Ancho: Auto; _Width: 0; desbordamiento: ¡Visible! es decir;}