0 Compartilhamentos 1193 Views

Como centralizar no CSS de forma definitiva

12 de setembro de 2020

Conseguir alinhar o conteúdo de uma área tanto verticalmente quanto horizontalmente em uma página da web é considerado um Cálice Sagrado do webdesign há décadas. Muitas tabelas já foram sacrificadas nessa busca, assim como muitas linhas de CSS já foram consumidas, às vezes com resultados insatisfatórios.

Desde que o modelo de Flexbox foi introduzido no CSS3, entretanto, atingir esse objetivo se tornou muito fácil. Sim, é possível centralizar uma frase na horizontal e na vertical dentro de uma DIV usando apenas três linhas de código:

Aplique esses estilos ao conteúdo que se deseja centralizar e ele ficará perfeitamente alinhado, tanto no eixo de X, quanto no eixo de Y.

Isso é possível graças ao poder do Flexbox. De acordo com a Fundação Mozilla, “o Flexible Box Module, geralmente chamado de flexbox, foi projetado tanto como um modelo de layout unidimensional quanto como um método capaz de organizar espacialmente os elementos em uma interface, além de possuir capacidades avançadas de alinhamento”.

No estágio atual, o Flexbox ainda é um candidato de padrão ao CSS no W3C, apresentado em 2018, mas não aprovado oficialmente pela entidade. Entretanto, apesar da lentidão da W3C, o modelo foi implementado com suporte completo ou parcial em 96% dos navegadores existentes no mercado e é uma solução mais do que bem vinda para problemas de layout.

Carregando...

Você pode se interessar

As melhores extensões gratuitas para Visual Studio 2022
Artigos
63 visualizações
Artigos
63 visualizações

As melhores extensões gratuitas para Visual Studio 2022

Carlos L. A. da Silva - 20 de janeiro de 2022

Comece o ano com a melhor ferramenta para complementar seu trabalho!

Conhecendo Svelte
Artigos
252 visualizações
Artigos
252 visualizações

Conhecendo Svelte

Carlos L. A. da Silva - 6 de janeiro de 2022

Svelte, React ou Vue? O especialista Josh Collinsworth disserta sobre a solução em seus mínimos detalhes.

Petrobras abre concurso com 757 vagas de nível superior
Artigos
308 visualizações
Artigos
308 visualizações

Petrobras abre concurso com 757 vagas de nível superior

Redação - 30 de dezembro de 2021

Há vagas para cientistas de dados, engenheiros e analistas de sistemas entre outras carreiras. As inscrições permanecerão abertas até o dia 05 de janeiro de 2022.

Deixe um Comentário

Your email address will not be published.

Mais publicações

A história da imagem mais antiga da internet
Artigos
346 visualizações
346 visualizações

A história da imagem mais antiga da internet

Carlos L. A. da Silva - 28 de dezembro de 2021
Coreia do Sul no mapa dos jogos
Artigos
345 visualizações
345 visualizações

Coreia do Sul no mapa dos jogos

Carlos L. A. da Silva - 22 de dezembro de 2021
Rust é o futuro da infraestrutura JavaScript
Artigos
640 visualizações
640 visualizações

Rust é o futuro da infraestrutura JavaScript

Carlos L. A. da Silva - 6 de dezembro de 2021
Influenciadores digitais que não existem
Artigos
625 visualizações
625 visualizações

Influenciadores digitais que não existem

Carlos L. A. da Silva - 2 de dezembro de 2021