javascript - 将大于 100% 的元素居中

Question

我无法将大于其父元素的图像居中。我已将最小宽度和最小高度设置为 100%，以便图片始终填满父元素。

当图像不具有父元素的比例时，就会出现视觉问题。图像的右侧或底部被裁剪太多。

我想当我将图像居中时我可以绕过这个问题，因此图片中最重要的部分不会被裁剪。有没有办法将大于其父元素的图像居中？ (不改变c的父元素)

我宁愿看到面向 css 的答案而不是 javascript，因为在 DOM 中遍历大量图像时会出现性能问题。

这是父项 http://d.pr/kEcb 中包含的两个图像的屏幕截图的一部分。图像大小正常，但我无法将它们居中

Answer 1

尝试一些达到此效果的方法。

img/div/whatever {
   left: 50%;
   margin-left: **Half of image width**
}