.img-outer {
display: table;
width: 100%;
height: 100%;
text-align: center;
.img-inner {
display: table-cell;
vertical-align: middle;
img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
}
}
.img-inner 要有固定高度，不能是百分比
原文：http://www.cnblogs.com/anyaran/p/4206418.html