Ir para conteúdo
Faça parte da equipe! (2024) ×

[CSS] Tuturial centralizar objetos com flex


kaway404
 Compartilhar

Posts Recomendados

Bom é bem fácil!

Primeiramente você tem que criar uma div mãe e uma div filho que vai ficar centralizada,por exemplo:

 

É necessário se cadastrar para acessar o conteúdo.

 

Agora vamos para o style


<style>
.mae{
display: flex;
align-items: center;
justify-content: center;
}
.filho{
width: 50%;
height:50%;
position:relative;
background:red;
}
</style>

 

Agora vou explicar oq aconteceu:

A div mãe vai alinhar tudo que tem dentro dela, que é o caso da div filho!

é bem simples e prático.

 

Link para o comentário
Compartilhar em outros sites

  • 3 semanas atrás...

Hmm.... mto bom! Mto bom msm!

Eu já sabia, mas conhecer outra forma de formatar códigos é sempre bom.

Obgdo por compartilhar ^^

Algumas nascem sob estrelas de sorte; outros, sob estrelas de azar. Mas eu só posso dizer que eu farei o possível, sejam quais forem as minhas estrelas.

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.