Cascading Style Sheets (CSS) é uma linguagem de folha de estilo usada com mais freqüência para definir o estilo visual de páginas da Web escritas em HTML e XHTML. Você pode ser novo em web design ou CSS e ter dúvidas sobre como centralizar uma tabela em uma página da web. Você também pode ser um designer experiente que está confuso sobre como executar essa técnica agora que a tag CENTER e o atributo align = "center" foram reprovados na tag TABLE. Com o CSS, centralizar as tabelas em uma página da Web não é nada difícil.
Use CSS para centralizar uma tabela
Você pode adicionar uma única linha à sua folha de estilo CSS para centralizar todas as tabelas horizontalmente:
ou você pode adicionar essa mesma linha à sua tabela diretamente:
Quando você coloca uma tabela em uma página da Web, ela está colocando-a em um elemento de nível de bloco, como BODY, P, BLOCKQUOTE ou DIV. Você pode centralizar a tabela dentro desse elemento usando o margem: auto; estilo. Isso diz ao navegador para tornar as margens em todos os lados da tabela iguais, o que posiciona a tabela no centro da página da web.
Alguns navegadores da Web mais antigos não suportam este método
Se o seu site precisa suportar um navegador da Web mais antigo, como o Internet Explorer 6, você precisa continuar usandoalign = "center" ou a tag CENTER para centralizar suas tabelas. Essa é a única complicação que você encontrará ao centralizar suas tabelas em uma página da web. Usando esta técnica é fácil e pode ser executado em questão de minutos.
