Alinhamento de imagem

Alinha imagem na vertical e horizontal de acordo com a disposição do box.

by Ivan Ferrer

HTML

<div class="box-images">
    <img src="http://i.stack.imgur.com/CMoaX.jpg">
</div>

<div class="box-images">
    <img src="http://i.stack.imgur.com/lIkte.jpg">
</div>

CSS

img {
    max-width: 100%;
    max-height: 100%;
}

.box-images {
    height: 200px;
    width: 200px;
    background-color: #eee;
    border:1px solid #333;
    margin-bottom:15px;

    /* Centralizando imagens */
    display: flex;
    align-items: center;
    justify-content: center;
}