Sobre o problema do CSS controlando a centralização horizontal do DIV

Autor：Eve Cole Data da Última Atualização：2009-05-31 01:02:34

Em relação à questão do CSS controlar a centralização horizontal dos DIVs, vejo que muitos novatos estão confusos. Lembro que a primeira vez que li CSS foi em um livro escrito por um estrangeiro e que falava sobre o uso da centralização.

margem esquerda:auto;
margem direita:auto;

Na verdade, é equivalente a:

margem:0 automático;

Então você pode usar esse método, mas algumas pessoas descobriram que ele não estava centralizado ao usar o IE. É recomendado que você verifique se está faltando uma declaração DTD.

Muitas pessoas cometeram erros semelhantes! Também pode-se dizer que esse método foi experimentado e testado, mas ainda não funciona em alguns casos. Portanto, existe um segundo método.

margem esquerda: 50%;
esquerda: -largura/2;

A largura aqui não é a largura em CSS, mas a largura do seu DIV. Por exemplo, se o seu div tiver 768px de largura, você deve definir left:-384px. Muito bem, já existem dois métodos, que se pode dizer que resolveram os problemas que possa encontrar.

Às vezes você descobrirá que esses dois não são suficientes. Não é compatível com alguns navegadores. Então encontrei um terceiro método, que considera principalmente o IE, e é baseado no primeiro método. Requer configuração do corpo.

corpo {text-align: center;}

Dessa forma, também fica centralizado no IE, mas traz um novo problema. Você descobre que todo o texto da sua página está centralizado, o que não é bonito. Isso é fácil de resolver, basta adicionar text-align: left e outras configurações de ajuste à sua definição DIV.

O texto acima é apenas uma referência e um esboço após o jantar. Todos podem prestar atenção nisso no trabalho real!