javascript - 居中大于 100% 的元素

Question

我无法将比其父元素大的图像居中。我已将 min-width 和 min-height 设置为 100%，这样图片将始终填满父元素。

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

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

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

这是父级 http://d.pr/kEcb 中包含的两个图像的部分屏幕截图.图片大小没问题，但我无法让它们居中

Answer 1

试试这个效果。

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