css - 强制图像为正方形并在 css 中居中

Question

我正在尝试调整不同图像的大小以适应一个方形 div。 似乎我在这个主题中找到了一个完美的答案: Force bootstrap responsive image to be square @web-tiki 的答案很好用。唯一的问题是，图像没有在周围的 div 中居中。 我不知道为什么我不能在这篇文章中提出我的问题，因此我必须写在这里。知道如何在 div 中居中我的(现在已完美调整大小的)图像吗？如果图像高于宽度，它会粘在 div 的左侧。如果宽度大于高度，它会粘在 div 的顶部。

Answer 1

这样试试

.img-container {
  position:relative;
}

.img-container img {
  position:absolute;
  margin:auto;
  top:0;
  right:0;
  left:0;
  bottom:0;
  max-height:100%;
  max-width:100%;    
}

JS Fiddle