Alinhar imagem ao centro de uma div

[matheusmarson 0]

Olá a todos

 

Tenho a seguinte situação

Tenho uma div com 230px de largura e 480px de altura

Dentro desta div deve ser caregado imagens armazenados em um Bd

Essas imagens tem tamanhos diferentes.

Preciso que meu css faça a imagem se adaptar a esta div preenchendo toda a altura (480px) de altura e centralizar a imagem no meio desta div

Como as imagens em largurar diferentes umas das outras preciso que as "sobras laterais" sejam descartadas e a imagem mostrada seja a parte central da fotos

As sobras sei como descartas, uso o overflow: hodden;

Mas como centralizar a imagem nesta div?

 

obrigado a todos

[rikaschmitt 54]

Bah.. não sei direito como fazer, porque como existe variação de largura, o centro de cada uma pode variar... Talvez se você usar jquery para pegar a largura da imagem, dividir por 2 e colocar o valor como margin-left negativa, talvez ajude.. nao sei.. tem q testar..

[celsomtrindade 2]

Tente este código css:

img {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}

Comigo funciona =D

[Lucas Medina 17]

Uma coisa que pode ser feita:

.img-container {
  text-align:center;
}
.minha-img {
  display:inline-block;
}

[Maujor 144]

Use a seguinte declaração CSS para as imagens:

img {
  display: block;
  position:relative;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}

Editado Março 17, 2015 por Maujor

[matheusmarson 0]

Galera,

Deu certo

A solução do Maujor funcionou perfeitamente

 

Obrigado a todos.

 

Resolvido

[Publicitário Ideal 0]

De qualquer forma, você pode usar <center><img src="suaimagem" /></center> sempre que o CSS não for capaz de te ajudar!

 

Vale envolvendo também div e outros elementos.

Editado Março 18, 2015 por Publicitário Ideal

[Maujor 144]

O elemento CENTER é um elemento de apresentação e não deve ser usado na marcação.
Trata-se de um elemento em desuso que foi retirado das especificações da HTML.

Ler sobre elementos HTML em desuso.

[Publicitário Ideal 0]

O elemento CENTER é um elemento de apresentação e não deve ser usado na marcação.

Trata-se de um elemento em desuso que foi retirado das especificações da HTML.

 

Ler sobre elementos HTML em desuso.

 

Explique o porque não deve ser usado e o motivo de ainda funcionar, se está em "desuso".

[edubra 0]

Em 18/03/2015 at 19:33, Publicitário Ideal disse:

De qualquer forma, você pode usar <center><img src="suaimagem" /></center> sempre que o CSS não for capaz de te ajudar!

 

Vale envolvendo também div e outros elementos.

Cara você me salvou aqui! Isso me ajudou demais! Brigadão!