max-height 从底部裁剪图像,如何从顶部裁剪图像?

max-height crops an image from the bottom, how to crop it from the top?

有这个 html/css 代码:

<!DOCTYPE html>
<html>
<head>    <style>
img {
max-height: 100px;
overflow: auto;
}
</style>
</head>
<body>

<img src="http://www.wwwwwww.com//photos/foto.PNG" />

</body>
</html>

我们有这个结果

像这样修改 css:

img {
max-height: 75px;
overflow: auto;
}

我们有这个结果

我需要做什么才能得到这个结果?:

我找到了剪辑 属性,但我使用的是 Bootstrap 旋转木马,我想在这个元素上实现这个必需的方法,你知道这是否可行吗?

我不确定它是否正是您要查找的内容,但是通过将其包装在具有一些 css 属性的 <div> 标记中,您可以实现这种效果。

我不喜欢大小调整的静态性质,所以如果您需要更动态的东西,请继续寻找,但这应该让您入门。

https://jsfiddle.net/e9jmrkkn/25/