0 Compartilhamentos 738 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

Sir Clive Sinclair, o homem adiantado no tempo
Artigos
64 visualizações
Artigos
64 visualizações

Sir Clive Sinclair, o homem adiantado no tempo

Carlos L. A. da Silva - 18 de setembro de 2021

O inglês Clive Marles Sinclair nasceu de uma família de engenheiros. Seu avô foi engenheiro, assim como o seu pai. Com um talento natural pela Matemática e um forte interesse em eletrônica, ele se tornaria uma página importante da popularização da computação em diversas partes do mundo, construindo um legado que se perpetuará por anos […]

A cibersegurança por trás das vacinas
Artigos
180 visualizações
Artigos
180 visualizações

A cibersegurança por trás das vacinas

Carlos L. A. da Silva - 7 de setembro de 2021

Vacinas contra o coronavírus contam com aparato sofisticado de cibersegurança que bateu de frente com tentativa de ação de hackers.

Top 25 comandos do Git
Artigos
315 visualizações
Artigos
315 visualizações

Top 25 comandos do Git

Carlos L. A. da Silva - 28 de agosto de 2021

Git é uma mão na roda para source control, mas pode ficar melhor ainda conhecendo os comandos certos.

Deixe um Comentário

Your email address will not be published.

Mais publicações

Dez anos de Kotlin: origens e futuro
Artigos
373 visualizações
373 visualizações

Dez anos de Kotlin: origens e futuro

Carlos L. A. da Silva - 20 de agosto de 2021
10 jogos que todo programador deveria conhecer
Artigos
689 visualizações
689 visualizações

10 jogos que todo programador deveria conhecer

Carlos L. A. da Silva - 1 de agosto de 2021