Eu possuo uma 'caixa' onde imagens são carregadas, em todos os carregamentos o box tem o mesmo tamanho, esse tamanho é:
width:700px;
height:575px
Porém nem todas as imagens possuem o mesmo tamanho, ou seja, os tamanhos delas variam podendo alcançar as medidas máximas do box ao qual ela é carregada.
Exemplo:
<div style="width:700px; height:575px">
<img src="IMAGEM A SER CARREGADA" style="max-width:700px; max-height:575px">
</div>
Sabendo então que o tamanho da imagem sempre será variável, como eu posso deixar essas imagens centralizadas na vertical e na horizontal dentro da caixa onde ela foi carregada?