Como centralizar uma div na tela

24/05/2017

0

Oi gente, to precisando fazer uma coisa com uma div.

Preciso centralizá-la no meio da tela.

Não consegui achar nada com o bootstrap.

Como faço isso?
Larissa Aguiar

Larissa Aguiar

Responder

Post mais votado

24/05/2017

Tenta isso.

.centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
}

Fabio Parreira

Fabio Parreira
Responder

Mais Posts

24/05/2017

William Nascimento

Bom se você estiver usando o Bootstrap use a classe container, senão poderá fazer da seguinte forma.

HTML:
     <div id="geral"></div>


CSS:
*{
   margin: 0px;
   padding: 0px;
}
#geral{
     margin: auto;
     width: 980px;
     height: auto;
}



A 1° regra do css se refere ao css reset

A 2° regra (#geral) é a div centralizada
Responder

25/05/2017

Larissa Aguiar

Oi gentee :)

Obrigada mais uma vez!

Mas queria perguntar, vocês acham que seria melhor adotar o bootstrap para resolver esse e outros problemas que possam vir pela frente ou é melhor eu usar minhas próprias folhas de estilo?
Responder

25/05/2017

Fabio Parreira

O Bootstrap já está pronto, sem contar que é todo responsivo. Creio que seja mais vantajoso.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar