Sitemap

Uma tabela é uma excelente maneira de apresentar muitas informações de forma organizada.Dados de vendas, tráfego de páginas da web, tendências do mercado de ações e notas dos alunos são exemplos de informações que geralmente são apresentadas em tabelas.

Ao adicionar uma tabela a uma página da Web usando HTML, pode ser mais atraente visualmente centralizá-la na página.A centralização de texto e imagens geralmente é feita por meio da classe text-align ou CSS, mas centralizar uma tabela requer uma abordagem diferente.Os detalhes são fornecidos abaixo sobre como centralizar uma tabela em uma página da web.

Centralizando uma tabela em HTML

Ao adicionar uma tabela a uma página da Web, por padrão, ela é alinhada ao lado esquerdo da página ou do contêiner, conforme mostrado abaixo.

EXITOS MÊS AUMENTO TOTAL
324.497 Janeiro de 1998 -
436.699 Fevereiro de 1998 112.172

O código-fonte HTML para a tabela acima é o seguinte.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Para centralizar esta tabela, você precisaria adicionar ;margin-left:auto;margin-right:auto; ao final doatributo style na tag

.A tag da tabela teria a seguinte aparência.

Alterar o atributo style na tag

, conforme mostrado acima, resulta na centralização da tabela na página da web, conforme mostrado abaixo.
EXITOS MÊS AUMENTO TOTAL
324.497 Janeiro de 1998 -
436.699 Fevereiro de 1998 112.172
Dica

Você pode adicionar parâmetros ao atributo style na tag

para tornar a tabela mais atraente.Adicionando preenchimento: 2px; e espaçamento entre bordas: 20px; adiciona espaçamento entre os pontos de dados e a borda para melhorar a legibilidade.

Informação relacionada