Quando você escreve botões (entrada, botão), você encontrará isso no IE:
À medida que o número de palavras aumenta, o espaçamento entre os dois lados se tornará cada vez maior.
No estilo XP de Win, quando o número de palavras é grande, haverá um prazer grave de ambos os lados.
Qual é exatamente o motivo?
A coluna de padronização da Web original do Blue Ideal fornece uma resposta:
1. Sempre que o IE adiciona o valor do botão em 4 bytes (2 caracteres chineses), uma largura de margem de um total de um byte será gerada nos dois lados do botão.
2. O estilo padrão do botão IE (estilo XP) é uma imagem de retângulo arredondada de tamanho fixo como plano de fundo; portanto, quando o botão se tornar mais largo e mais alto, as bordas dessa imagem de retângulo arredondado de tamanho fixo parecerão naturalmente foscas.
Não podemos resolver o segundo problema por enquanto, a menos que o sistema WIN corrija o bug, mas ainda podemos corrigir o primeiro problema.
Defina o valor visível do atributo Overflow para o elemento do botão no IE (Nota: o valor do preenchimento é válido apenas após o transbordamento: o atributo visível está definido). Essa propriedade foi realmente usada no último artigo "Aplicação de clipe de fundo e origem de fundo". No entanto, depois de ler "o problema dos botões esticados no IE" hoje, descobri que havia um pequeno bug - se você colocar o botão em uma célula de tabela, embora o botão seja exibido corretamente, a largura reservada original não mudou e ainda ocupa o espaço. Você precisa definir a largura do botão para 0 no IE6 (o IE7 também tem esse bug, mas não é uma boa maneira de resolvê -lo por enquanto).
O código de correção final é o seguinte (demonstração):
input.button {preenchimento: 0 .25em; Largura: Auto; _width: 0; Overflow: visível! IE;}