Entrar | Registrar | FAQ
Anonymous

Centralizar imagem dentro de DIV

+ Postar uma resposta

2 Mensagens Página 1 de 1


Centralizar imagem dentro de DIV

por Carlos Magno » Qua Jan 08, 2014 2:16 pm

Ola pessoal.....venho pedir ajuda de vocês.

Pesquisei por toda net e até o momento as dicas que encontrei não satisfizeram meus interesses. Mas vamos ao problema
Eu tenho uma div com dimensões de width:220px; height:165px; e quero que dentro dela apareça uma imagem maior do que a div. Já consegui esconder o estouro e centralizar horizontalmente, mas não consigo centralizar a imagem verticalmente.

Alguém tem alguma dica valiosa que possa me ajudar?

Obrigado a qualquer ajuda desde já.
Avatar de usuário

Carlos Magno

  • Mensagens: 1
  • Data de registro: Qua Jan 08, 2014 2:09 pm

Re: Centralizar imagem dentro de DIV

por XainPro » Sáb Jan 11, 2014 12:36 pm

use CSS

img {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 500px;
margin-top: -250px; /* Half the height */
margin-left: -250px; /* Half the width */
}
Avatar de usuário

XainPro

  • Mensagens: 3933
  • Data de registro: Sex Fev 17, 2012 8:10 pm


+ Postar uma resposta

Página 1 de 1