我有一个 div，我想在其中放置任何 任意 大小的图像，最好使用 img 标签而不是 CSS 背景图像 样式。我看过许多其他类似的问题，但没有人回答我的问题。
我希望图像显示的方式是这样的:
如果图片是纵向的(高度大于宽度)，则图片在
div中的宽度为 100%，并且垂直居中。额外的高度将在 div 之外，但不可见(例如，图像会出现“裁剪”。)如果是横向，#1 中的属性将适用，但水平而不是垂直。
我不想拉伸(stretch)图像。我确实想要填充 div 中的整个空间。
这方面的一个例子是出现在 imgur.com 上的图像框。 .
最佳答案
尝试使用 javascript 将其居中。只需设置 position: absolute、left:50%、top:50% 和 margin-left:-width/2, margin-top:-height/2
关于javascript - 在 div 中裁剪和居中任意大小的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22056288/